2013-01-18 6 views
0

J'ai ces divs deux boutons que je veux aligner les uns sous les autres, avec une marge de 10px entre eux. Voici le code, pas de point avec claptrap.Aligner deux divs l'un sous l'autre? rails

<div id = "buttons"> 

     <div id = "signin-button"> 
     <%= link_to "Sign In", new_user_session_path, :id => "SignInText" %> 
    </div> 

    <div id = "signup-button"> 
     <%= link_to "Sign Up", new_user_registration_path, :id => "SignUpText" %> 
    </div> 

    </div> 
+0

Ne pas oublier que les ID sont censés être uniques. Au lieu de cela, utilisez une classe. –

+0

J'ai toujours l'impression que mes boutons sont uniques? Pourquoi une classe? – MFCS

+0

@RickKuipers Le premier est "signe ** dans **", le second est "signe ** haut **" – millimoose

Répondre

2

Certains et vous fait css:

#signin-button, 
#signup-button 
{ 
    float: right; 
    margin-bottom: 10px; 
} 

et changer votre divs d'utiliser la classe au lieu de id.

+0

Cela a fonctionné sans heurt! :) Les boutons qui ont été spécifiés avec des identifiants ne sont-ils pas uniques? – MFCS

+0

Oups :) Il semblait que leurs ID sont identiques. Édité ma réponse :) – Morpheus

+1

Tout est cool (= D) – MFCS

0

Les deux divs peuvent être alignés sous l'autre avec ce css -

#signin-button,#signup-button{ display : inline position:absolute;margin-bottom: 10px; } 
+0

La solution de Morpheus a bien fonctionné, mais merci d'avoir aidé de toute façon. Si je rencontre des problèmes, je vais essayer ceci: = D – MFCS