centering tables within form

[pepe_lepew]

Hello I am trying to create an “Advanced Search” form and having problems with the css part. When I click the “ADVANCED SEARCH” button, the bottom portion opens up properly via javascript. Currently I have 2 rows ( this will definitely increase ) with 3 tables per row. I am trying to center those tables. In this case the row of 3 even apart across the area. I will later add media queries to increase to 45% and then 95%, but that is for later. Because everything is waaay to tight vertically, I am thinking of placing a div of perhaps 10px, but can’t get that either. Can anyone help me with those 2 issues please. http://www.pepelepew1962.x10.mx/search-new.html

[jurotek]

You can give each table margin .5% and set the width for each to 32%. BTW, I would advice to do it using DIV’s instead of tables.

Edit: Speaking of DIV’s, here’s one way how it could be done: Pen . .

[pepe_lepew]

Jurotek, thank you for your response. I have to say it looks awesome. I will try to apply the hide/show portion.

[jurotek]

welcome

[Author]

Posts