Formulaires rails et css

Version imprimable

J'ai un petit problème d'équivalence entre le html des formulaires et le code rails. Le formulaire rails fonctionne parfaitement mais ne prend pas en compte la css des formulaires alors que celle-ci marche parfaitement lorsque que le formulaire est en html.

Voici le code rails:

Code:

1
2
3
4
5
6
7
8
 
<% form_tag :controller => 'account', :action => 'login' do %>
              <label for="login">Identifiant:</label>
              <%= text_field_tag 'login'  %>
              <label for="password">Mot de passe:</label>
              <%= password_field_tag 'password' %></p>
              <%= submit_tag 'Connexion' %></p>
<% end %>

Voici le code html qui respecte le style défini par la css:

Code:

1
2
3
4
5
6
7
8
 
          <form method="post" action="?">
              <label>Identifiant:</label>
              <input type="text" class="txt" name="" value="" />
              <label>Mot de passe:</label>
              <input type="text" class="txt" name="" value="" />
              <a href="#" class="button"><span>Connexion</span></a>
          </form>

Merci !

16/01/2009, 14h19
Zfred

Tu parles du class="bouton" ?
Ou d'une feuille de style générale qui n'est pas chargée alors que tu voudrais ?
16/01/2009, 17h55
hackiles

La feuille de style se charge bien et fonctionne avec le code html contenu dans ma page.

Mais pour le code généré par rails j'ai des problème (avec, par exemple, les formulaires)

Dans le code ci-dessus, il n'y a pas que le bouton qui ne respecte pas le style mais aussi les champs de textes. Ceux-ci s'affiche mais avec le style standard du navigateur.
16/01/2009, 17h59
hackiles

Tu m'as fait comprendre mon erreur ...

Je ne fais pas passer la 'class' dans mon code Ruby ...

Mise à jour:
L'ajout de l'attribut class fonctionne !
exemple:

Code:

<%= submit_tag 'Connexion', :class => 'button' %>

Je me heurte maintenant à un autre problème:
Le code html rendu doit être de la forme:

Code:

<a href="#" class="button">Connexion</a>

Le '' est nécessaire au bon rendu du bouton.

Comment l'intégrer dans mon code Ruby ?
18/01/2009, 21h43
Zfred

Code:

<%= submit_tag 'Connexion', :class => 'button' %>

Tout à fait

Code:

<a href="#" class="button">Connexion</a>

Là par contre pour mettre une balise supplémentaire, comme ça, c'est pas du css.
Tu peux faire un helper ou jouer avec content_tag.
Pour info, ta balise span qui s'ouvre et qui ne se ferme pas, c'est plutot pourri.

Sinon, sur la meme idée qu'au départ, tu peux aussi faire :

Code:

<%= submit_tag "Connexion", :class => "button", :style => "color:#cdcdcd; size:12px;" %>
22/01/2009, 15h50
hackiles

J'ai essayer de régler mon problème avec les css mais utilisant deux images de fonds je dois avoir recours à 

Ne pouvant écrire: <%= submit_tag 'Connexion', :class => 'button' %> car la balise n'est pas interprétée. Il me faut une autre solution, tu suggérais le helper ou jouer avec content_tag.

Je sais pas trop comment partir sur ces voies, pourrais-tu me donner un petit coup de pouce ?

merci !

PS: oui, pas bon le span qui ne se refermait pas, mais c'était juste une faute de frappe !
23/01/2009, 11h38
Zfred

Citation:

je dois avoir recours à 

Tu n'as toujours pas dit pour faire quoi ?
25/01/2009, 15h10
hackiles

C'était un pb de html/css.... Mais c'est résolu maintenant. (avec un div plutôt qu'avec span)