How have buttons in a row, not stacked on top of each other

Posted by CD on February 3, 2013 at 1:05pm

Hi, I've tried with my html knowledge, but it's not working.

I have this code in a full html box in my content page:

<span class="button">
<input type="button" class="form-submit" value="English" onclick="location.href='http://www.myweb.com' "/>
</span><span class="button">
<input type="button" class="form-submit" value="Dutch" onclick="location.href='http://www.myweb.com/nl' "/>
</span><br>

I have tried new divs, align right left ... and it doesn't seem to make them stack in a row, they always end up one on top of the other.

Can you help with a little code?

Thanks

Comments

=-=

Posted by VM on February 3, 2013 at 4:57pm

consider using CSS and float the first button to the left which should allow the second button to float to the left of it. Add padding/margins as needed to generate spacing between the buttons.

inspecting a core theme and how it uses CSS on the save/preview buttons that are in a row may aid.