Greetings all,
I am doing a CSS dropdown menu which is working but I don’t understand this
piece of code. What does it mean or do when one sets an ID selector to an
HTML element such as the one below? It seems to be acting as a class in this
case but I’m not really sure. I want to understand this syntax so that I can
be assured that I'm not inadvertently building something that is going to
fall apart in IE8 backwards.
<ul id="blueDropdowns">
I also have the other dropdown menus set to classes as shown in the example
below. I’m doing this because I need to be able to space the elements
precisely.
<ul id="blueDropdowns" class=”About”>
And here’s the partial CSS for the dropdown menus. I hope it’s enough to
help. Thanks in advance for your kind assistance! - Mary
/* _____________ DROPDOWN MENUS ______________________ */
#topNav #blueMenu /* Container for blue nav dropdown menus - used to
position text away from the corners */
{
float:left;
margin:0 0 0 32px;
padding:0;
/*border:1px solid green;*/
}
#blueDropdowns /* About Us Navbar Menu */
{
margin:0;
padding:0;
height:1em; /* Opera hack - has a width of 100% by default */
}
#blueDropdowns.news /* News Menu */
{
position:relative;
top:-30px;
left:110px;
margin:0;
padding:0;
height:1em; /* Opera hack - has a width of 100% by default */
}
#blueDropdowns.events /* Events Menu */
{
position:relative;
top:-60px;
left:200px;
margin:0;
padding:0;
height:1em; /* Opera hack - has a width of 100% by default */
}
#blueDropdowns.volunteers /* Volunteers */
{
position:relative;
top:-90px;
left:300px;
margin:0;
padding:0;
height:1em; /* Opera hack - has a width of 100% by default */
}
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
