i want make my check boxes to look cleaner and less space consuming by aligning it like a grid. But i seem to have problem aligning it with my images and also im having trouble with the spacing.
<table>
<tr>
<td>
<img src="images/fb.png" height="40px" width="40px">
<input type="checkbox" name="engine" id="engine" value="google">
</td>
</tr>
<tr>
<td>
<img src="images/twit.png" height="40px" width="40px">
<input type="checkbox" name="engine" id="engine" value="yahoo">
</td>
</tr>
<tr>
<td>
<img src="images/googplus.png" height="40px" width="40px">
<input type="checkbox" name="engine" value="bing">
</td>
</tr>
<tr>
<td>
<img src="images/link.png" height="40px" width="40px">
<input type="checkbox" name="engine" value="bing">
</td>
</tr>
<tr>
<td>
<img src="images/pin.png" height="40px" width="40px">
<input type="checkbox" name="engine" value="bing">
</td>
</tr>
<tr>
<td>
<img src="images/del.png" height="40px" width="40px">
<input type="checkbox" name="engine" value="bing">
</td>
</tr>
<tr>
<td>
<img src="images/stumb.png" height="40px" width="55px">
<input type="checkbox" name="engine" value="bing">
</td>
</tr>
<tr>
<td>
<img src="images/diig.png" height="40px" width="40px">
<input type="checkbox" name="engine" value="bing">
</td>
</tr>
</table>
this code is just a 1 column table , i would like to divide it to three and align them vertically, im not good at css so please help me
Aucun commentaire:
Enregistrer un commentaire