I have two tables which include 10 text fields and 10 buttons vertically. How do I make the same height of a text field and a button? I have attached a file that illustrates my problems.
Printable View
I have two tables which include 10 text fields and 10 buttons vertically. How do I make the same height of a text field and a button? I have attached a file that illustrates my problems.
You could use CSS (Cascading Style Sheets) for this. Give the textboxes and buttons a style attribute (or extend an existing one, if present) with the following: style="height: 30px". The 30 is an example value, of course.
I'm not sure if you can use CSS for buttons though, but you could try.
Maybe it's a better idea to use only one table. When you're using two tables, you're never really sure they are flowed in the web browser as you desire, unless you make your HTML very rigid. When using one table, you're sure that the textboxes and buttons are always on the same line.