Question

I can’t make those buttons stay on the same line, I think it has something to do with ‘clear’ in css because if I deactivate almost all the css attributes for the buttons (using chrome’s inspect element thing) they finally line up.

This is the page: http://framework.aluxian.com/login.php

Answer 1

Wrap them by a <div> and clear it. Just un-clear the buttons. Here is the code I’ve just tried in my 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>

And yeah, I believe you don’t need all those onclick‘s