Start Free Trial

asked on 8/28/2013

how to 2 tables side by side without putting them in another table

Hello

I'm not a css person so please excuse the basic question.

My website has a form which is in a table which has 2 columns. One of the form items is an accordion type thing which expands when opens. This stretches the height of the table so that the items in the second column are pulled apart. This doesnt look very good so I was hoping to find a way around it.

My first though was to have to tables next to each other to represent the 2 columns of the original table. However I have no idea how to do this without using a table.

Please can you advise if this is possible or an alternative solution is also welcome

thanks

Last Comment

8/28/2013

8/28/2013

<style>
.tablerow{width:800px;}
.tablecol{width:390px;float:left;padding:5px;}
</style>

<div class="tablerow">
   <div id="tablecol">
      <!-- table code -->
   </div>
   <div class="tablecol">
      <!-- table code -->
   </div>
</div>

Open in new window

8/28/2013

ASKER

Hi, is there possibly an error in that as it didn't give a 2 column layout. thanks

ASKER CERTIFIED SOLUTION

8/28/2013

Blurred text

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

8/28/2013

ASKER

thanks

HTML

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

62K

Questions

--

Followers

--

Top Experts

Get a personalized solution from industry experts

Ask the experts

"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23
"Your help has saved me hundreds of hours of internet surfing."
@fblack61
"Just a dang good service!"
@golferski
"Worth every penny."
Steve Hougom
"It’s been a life saver."
Maria Halt
"Best support site I’ve seen!"
Bob Schneider
"I would be lost without them."
@fblack61
"Saved my job multiple times."
Walt Forbes
"I love this site."
Maria Duwe
"Friendly respectful help."
Andrew Kowtalo
"Such top-notch experts."
@magento
"The best money I have ever spent."
@rwheeler23
"Beyond any comprehensible value"
George Morris
"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23

Read over 600 more reviews

TRUSTED BY