#nav ul{
   padding : 0;
   margin : 0;
   white-space : nowrap;
   background-color : #003399;
   color : White; 
} 
#nav ul li{
   display : inline;
} 
#nav ul li a{
   background-color : #0066CC;
   color : White;
   font-weight : bold;
   text-decoration : none;
}

quote:

ORIGINAL: Nancy

Deb,

The css rules you have listed are not multiple uses of an ID, but rather a further defining.

For example, the #nav ID would be applied to a div tag.

Then the rule further says that any UL tag within that #nav ID will have the properties that are listed. Then any LI tag within a UL tag within that #nav ID will be display inlined, and further, any links within those LI will be displayed as shown in your coding.

So any link in another DIV tag with a different ID will not behave the same, they could be underlined or different background, or whatever properties they inherit from somewhere else.

By the way these are contextual selectors: they apply only during a specific context, which in your example is when they are within the #nav ID.

Hope this made sense.

Nancy

#navcontainer
{

height: 20px;
width: 590px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #CCCCCC;
background-image: url(http://www.yourpicandpath.jpg);
width: 145px;
height: 18px;

padding: 0;
margin: 0 0 0px 0;
color: #333333;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #FFFFFF;
background: #284197;
background-image: url(http://www.yourpicandpath.jpg);
}

</style>

• one step at a time, just replace 4 bulbs with CFL bulbs
  http://www.climatecrisis.net/

quote:

ORIGINAL: carleygreen

Are ther any resources for someone knowing nothing about css to get started?

quote:

And it isn't difficult to learn. Very easy.

quote:

ORIGINAL: Giomanach

quote:

And it isn't difficult to learn. Very easy.

You're only saying that 'cos you know how to do it

quote:


#nav ul{
border-left:0px solid #0066CC; border-right:0px solid #0066CC; border-top:2px solid #0066CC; border-bottom:2px solid #0066CC; padding:0; margin:0; white-space : nowrap;
background-color : #003399;
color : White;
float : left;
width : 698;

}
#nav ul li{
display : inline;
}
#nav ul li a{
padding-left : .5em;
padding-right : .5em;
background-color : #003399;
color : White;
Font-Family: Arial, Verdana, Helvetica;
font-size: 90%;
font-weight : normal;
text-decoration : none;
float : left;
border-right-color : #0066CC;
border-right-style : solid;
border-right-width : 1px;
}
#nav ul li a:hover{
background-color : #99CCFF;
color : #000066;
}

/*Css list created by DR 2004 for logo homework pages*/
body {
    background-image: url(texture2.gif); repeat:x;
    background-color: #DCDCDC;
    font-style: normal;
    font-weight: normal;
    font-size: medium;
    font-family: arial, "times new roman", serif;
    margin-top: 2em; 
    margin-right: 2em; 
    margin-bottom: 2em;
    margin-left: 2em; 
    }
p    {
    font-family: Helvetica, Verdana, Arial, sans-serif ;
     }
h1  {
    font-family: "Comic Sans MS", sans-serif ;
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
    border-bottom: 1px #00008B dashed;
    }
h2  {
    }
img {
    margin-left: 15%;
    }
.header {
    width: 98%;
    height:20px;
    background-color: #FFFAF0;
    border-bottom: 6px #00008B solid;
    }
a:link {
    color: #00008B;
    }
a:active {
    color: #2F4F4F;
    }
a:visited {
    color: #000000;
}
a:hover {
    color: #778899;
    font-size: medium;
}

#navlist li {
    display: inline;
    list-stle-type: none;
    padding-right: 50px;
    font-size: small;
    font-weight: bold;
    font-family: arial, sans-serif;
    }
.counter {
    position: absolute;
    background-color: #ffffff;
    margin-left: 25%;
        }

quote:

ORIGINAL: Giomanach

try http://c.1asphost.com/c1sissy/logohomework/logohomework_Flvs.css

Dan

quote:

Deb,

Thanks for the links for the horizontal menus. I'm in the process of rebuilding my work site and it will work great. Trying to learn enough css to make the site load faster and look better (and I have a looonnng way to go )

quote:

ORIGINAL: womynaloud

I just can't figure out how to get it to center itself on the page instead of on the left.

Here's the code I'm using -

quote:


#nav ul{
border-left:0px solid #0066CC; border-right:0px solid #0066CC; border-top:2px solid #0066CC; border-bottom:2px solid #0066CC; padding:0; margin:0; white-space : nowrap;
background-color : #003399;
color : White;
float : left;
width : 698;

}
#nav ul li{
display : inline;
}
#nav ul li a{
padding-left : .5em;
padding-right : .5em;
background-color : #003399;
color : White;
Font-Family: Arial, Verdana, Helvetica;
font-size: 90%;
font-weight : normal;
text-decoration : none;
float : left;
border-right-color : #0066CC;
border-right-style : solid;
border-right-width : 1px;
}
#nav ul li a:hover{
background-color : #99CCFF;
color : #000066;
}

I've tried changing both of the float tags to center and that didn't do it, so I'm out of ideas!

Help from anyone would be greatly appreciated!

Gayle