[RESOLVED] More CSS problems :( (Resolved Again)

Ok went looking for some examples on how to make my website look cooler. I found a css example that was pretty simple and looked neat. Just a basic change of a hyperlinks background color on hover. Here's the code in the css page.

Code:

---

        ul
        {
                float:left;
                width:100%;
                padding:0;
                margin:0;
                list-style-type:none;
        }
        a
        {
                float:left;
                width:6em;
                text-decoration:none;
                color:White;
                background-color:Navy;
                padding:0.2em 0.6em;
                border-right:1px solid white;
        }
        a:hover {background-color:Black}
        li {display:inline}

---

My problem is that now i want to do a different kind of hyperlink on the same page, but i keep getting this style. I'm trying to create a seperate menu on the left that will be full of hyperlinks but i'd like them to be a different still. I put the links in a component and then dropped them on the page but i still get the same style. :( If you can point me in the right direction i'd appreciate it.

Thanks
Andy

add a class to your origional hyperlink like this:

a.nav <- nav being the class
{
/*blah*/
}
a.nav:hover <- still nav class
{
/*blah*/
}

Just create a new class for your "new" area that you want to apply the style to and provide the styles for the anchor accordingly. Then apply it to the desired anchors or elements.


Example use:
<a href="#" class="login" blah....

VB Code:

.login a {
    background-color: #cccccc;
}
 
.login A:link, .login A:visited {   
    text-decoration: none;
    color:  #b22222;
    }       
            
.login A:hover  {   
    text-decoration: underline;
    color:  #000000;
    }
    
.login A:active {   
    background-color: #cccccc;
    text-decoration: none;
    color:  #b22222;
}

Freaking sweet guys. Thanks!

One day i might get the hang of this web site gui stuff.

Ok i've made the changes that guys recommened and it worked fine for the component. But when i drop that on to the form it seems like it forgets what i told it. Is that normal? The wierd thing is that it remembered what i set the background color too but forgot everything else. Any insight?

Well i was wrong its not seeing any of the formatting from the component, that is in the CSS. I can manually change the component and that will be reflected in the form but the css styles don't seem to be transfering for this control. But it is for the other two.

I see your running 2005 so I can only assume since I have 2003 currently.

What does the source code look like? Is the class name specified in it? Are you also using additional styles on it?

w00t i think i got it. I left out my <ul> tag with the class... Thanks anyway :)