I have two menu columns and I want one to be underneath the other and for both to be on the left. The second one keeps lining up next to the first one, not under it, no matter what I try. What will make them display inline?
Make sure there is no FLOAT attribute in either DIV. (You are using DIVs, right?) If necessary, add a CLEAR: BOTH attribute. (It should be lowercase, by the way; I just wrote it in uppercase for emphasis.)
Sounds like you want two block-level elements. You could either use the element which is naturally block-level, or you could use the CSS attribute “display: block;” on your elements to make them block-level.
Just place two divs in a container that is floated left. To make 100% sure you can use an empty div with “clear: both” attribute to make sure one comes on top of the other.
However the following code should be what you are after: Obviously change the 200px to whatever width you like:
July 25th, 2008 at 2:04 pm
Make sure there is no FLOAT attribute in either DIV. (You are using DIVs, right?) If necessary, add a CLEAR: BOTH attribute. (It should be lowercase, by the way; I just wrote it in uppercase for emphasis.)
July 25th, 2008 at 9:58 pm
Sounds like you want two block-level elements. You could either use the element which is naturally block-level, or you could use the CSS attribute “display: block;” on your elements to make them block-level.
July 26th, 2008 at 2:21 pm
Just place two divs in a container that is floated left. To make 100% sure you can use an empty div with “clear: both” attribute to make sure one comes on top of the other.
However the following code should be what you are after: Obviously change the 200px to whatever width you like:
This is the top menu
This is the second menu