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

Question

これらのボタンを同じ行に配置することはできません。ボタンのほとんどすべてのcss属性を非アクティブ化すると（chromeの要素の検査を使用して）最終的に整列するため、cssの「clear」と関係があると思います。

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

Answer 1

それらをaで包み、<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>

そして、ええ、私はあなたがそれらすべてを必要としないと信じていonclickます

Answer 2

andクラスのclearプロパティをオーバーライドするだけで、ボタンが水平に配置されます。.button#loginbutton#registerbutton

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

Answer 3

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

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

Answer 4

これは、main.cssスタイルシート のclear: both;on #loginbutton（425行目）と（12行目）が原因です。button

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