PDA

View Full Version : Table Columns on seperate lines



0xception
Jan 20th, 2009, 11:19 PM
I'm working with a framework that builds the HTML from pre-built templates which i'm unable to change directly. It allows me to apply css classes to different elements of the page.

I have a form with multiple inputs each with their own title/label. Currently the templates builds the form using a table structure where the label is in the first column and the input field is in the second column. This causes the label to appear to the left of the field. I was wondering if there is a way via css only to place the first column/label above the second column/input field?

Example:
What i have
Label : Input Field

What i want
Label :
Input Field

jcdevelopment
Jan 20th, 2009, 11:23 PM
not sure, because there is not much information but try putting this into the css.


label {
float:left;
}

may not work due to width though.