Question

I am constructing a webpage using fairly elementary techniques. I have three rows on a certain part of the webpage, each of which is structured as . The text units and the listbox units of the different rows are in perfect horizontal alignment, but the vertical spacing between the listboxes is inconsistent. Furthermore the vertical alignment of each listbox in relation to its paired text is different. I’ve tried readjusting the table structure and experimenting with valign, but to no avail. How do I fix this so that it looks neat? Thanks!

Answer 1

You could set the height of each td by css like

td {
    height: 50px
}

also you should check out some tutorials on how to design forms without using tables http://www.cssdrive.com/index.php/examples/exampleitem/tableless_forms/