Jump to content

Archived

This topic is now archived and is closed to further replies.

play_

hehe. I used to remember how to do this

Recommended Posts

Ok, i have this:

[code]
* a {
    color: #990000;
    text-decoration: none;
    border-bottom: 1px dotted #000000;
}[/code]

and i also have

[code]
.menu a {
    font-size: 11px;
    display: block;
    width: 75px;
    border-right: 1px solid #666666;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}[/code]


and on the index page:
[code]
<div class="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Links</a></li>
                <li><a href="#">Misc.</a></li>
            </ul>
        </div> <!--/menu -->[/code]


Ok. i think by now you probably know what im going to ask.
* a { is affecting the menu links. Is there a way to make it not overwrite the menu styles? (there should be, i used to know how)

Share this post


Link to post
Share on other sites
You actually don't need to use the * a in front of every universal declaration. Just get rid of it.

Share this post


Link to post
Share on other sites
[!--quoteo(post=373706:date=May 14 2006, 07:31 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ May 14 2006, 07:31 AM) [snapback]373706[/snapback][/div][div class=\'quotemain\'][!--quotec--]
You actually don't need to use the * a in front of every universal declaration. Just get rid of it.
[/quote]


Thank you.


::edit::
that didnt solve the problem =()

Share this post


Link to post
Share on other sites
[!--quoteo(post=373866:date=May 15 2006, 02:13 AM:name=play_)--][div class=\'quotetop\']QUOTE(play_ @ May 15 2006, 02:13 AM) [snapback]373866[/snapback][/div][div class=\'quotemain\'][!--quotec--]
Thank you.
::edit::
that didnt solve the problem =()
[/quote]

instead of .menu a
try a.menu

i think that might work

Share this post


Link to post
Share on other sites
Yeah, to follow up.

1) You need to get rid of the unverisal symbol *
2) You need to use a.menu because menu.a doesn't make sense

Share this post


Link to post
Share on other sites
.menu a will only effect the immediate children (in your case the UL under the div) if you want it to effect the a, you can put it directly under the div tag (without the UL and LI) but the easiest solution will be to give the links a class for themselves like .side_links {...}

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.