I’m a simple form layout and trying to do with CSS instead of a table. Here’s the part that makes me crazy: If I put it inline it works, if I put it in the style block and call it from the div tag it doesn’t. Why, oh why can this be?
When it’s a style in the div tag it works. When it’s called either as a class or an id in the div tag, it doesn’t. What’s the deal? I’m sure it’s some dumb thing like it needs a pound or slash or dot somewhere. I tried it with pounds in the style-block but that didn’t change anything. What I want on my form is a column of the field names and a column of the text and select boxes that correspond to the names. Each column should align verically with as much space between as to fit the widest field-name value in column 1. In this example, all the "t’s" in things 2, 4, and 6 should align vertically. Anyone?
p.s. not perfect and probably wont do what you actually want but will show your errors…
but you styled in your tag which takes precedent.
order of Styling to take effect:
styling in your tag
styling in your head tag
styling in your external file
Floating left will make the div, well float left…..
a bit like you haveing a small box on a shelf, you push it to the left, then you have another small box, and you put that on the shelf and push that to the left as far as it can go…right up to the first box, etc etc