Travis Killen wrote:
>
> I am having trouble with my DIVs. How can I make them all appear on the
> same row?
> http://oit.sfasu.edu/test/getstart.html
>
>
>
>
I think this the problem:
.threemenu div {
float : left;
clear : left;
}
For what you are trying to achieve, these rules are counterproductive.
The float : left removes each menu from document flow and positions it
across the page (while there is room). In effect, the menus will "float"
as high and to the left as there is room for, and so align themselves
across the page.
The clear : left tells each menu to float as high as possible *but not
to the right of another float*. Therefore they don't float across the
page, but stack vertically.
Removing the clear : left solves the problem.
BTW, your CSS is rather convoluted - for example you have a lot of
repeated information. The menu styling for example for the most part
could be done in the .threemenu div { } declaration, and only the
differing colours put into .rounded{}, .roundeb{} and .roundedp{}.
CSS shorthand (eg. margin : 0 0 5px 10px; instead of margin-top : 0;
margin-right : 0; margin-bottom : 5px; margin-left : 10px; or border
: solid 1px #fff; instead of border-color : #fff; border-width : 1px;
border-style : solid;) would possibly also help when debugging.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
