いくつかのボタンを並べるのに助けが必要

Question

私はそれらのボタンを同じ行にとどめることはできません。私はボタンのほとんどすべてのCSS属性を無効にすると（これはクロムの検査を使っているので要素事）彼らは最終的に並べます。

これはページです：http://framework.aluxian.com/login.php

Answer 1

<div>でそれらをラップし、それをクリアします。 ボタンをオフにするだけです。clearボタン。ここで私はちょうど私のFirebugで試してみたコードは次のとおりです。

<form action="login.php" method="post" id="loginform"> 
<!-- ... --> 
<button style="clear: none;" class="button_colour round_all" id="loginbutton" onclick="document.forms['loginform'].submit();"><!-- ... --></button> 
<button style="clear: none;" class="button_colour round_all" id="registerbutton" onclick="location.href='register.php'"><!-- ... --></button> 
<!-- ... --> 
</form> 

そして、ええ、私はあなたがそれが原因（ライン425）#loginbutton上clear: both;のだこれらすべてのonclickさん

Answer 2

#registerbutton { 
    clear: none; 
    display: block; 
    float: left; 
    margin: 10px 30px 55px; 
} 

#loginbutton { 
    clear: none; 
    display: block; 
    float: left; 
    margin: 10px 30px 55px; 
} 

Answer 3

を必要としないと考えています、main.cssスタイルシートのbutton（12行目）。

両方の属性を削除するか、#loginbuttonにclear:none;を指定してください。それはbutton属性に取って代わるものです。 #registerbuttonの後に別のボタンが追加された場合は、clear:both;も追加します。

Answer 4

#loginbuttonと#registerbuttonクラスのプロパティを.buttonからオーバーライドすると、ボタンは水平に揃えられます。

#loginbutton, 
#registerbutton { 
    clear: none !important; 
}