aligning checkboxes on same line

[Destramic]

hey guys im trying to get multiple checkboxes on a line without the label dropping down on another line...if anyone can help please

 

css

label { width: 100px; float:left; display: inline;}
input[type="checkbox"] { padding:6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

 

html

<label for="Neatherlands">Neatherlands</label> 
<input type="checkbox" name="neatherlands" id="Neatherlands" value="" />  
<label for="United Kingdom">United Kingdom</label> 
<input type="checkbox" name="united kingdom" id="United Kingdom" value="" />  

[haku]

label, input

{

  float:left;

}

 

You will have to make some adjustments to this - notably as this will affect all inputs, not just checkboxes, but this is the core idea of how it works.

[Destramic]

thanks for your reply...i just tried the float and it just puts both labels and checkboxes on different columns and not the same one...any other ideas?

[haku]

Then you have a conflict somewhere else, because the code I gave you will do what you want (assuming you want label -> checkbox -> label -> checkbox all on one line).

[TeddyKiller]

Has a table method not occured to you?

<table>
    <tr>
    <td>
        <label for="Neatherlands">Neatherlands</label> 
        <input type="checkbox" name="neatherlands" id="Neatherlands" value="" />
    </td>
    <td>
        <label for="United Kingdom">United Kingdom</label> 
        <input type="checkbox" name="united kingdom" id="United Kingdom" value="" />
    </td>
    </tr>
</table>

[haku]

Tables should only be used for tabular data - which this is not. Though it will probably work.

[Destramic]

thanks haku...after a bit of playing around i found out the problem...thanks again