Jump to content


Photo

hehe. I used to remember how to do this


  • Please log in to reply
5 replies to this topic

#1 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 14 May 2006 - 04:58 AM

Ok, i have this:

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

and i also have

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


and on the index page:
<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 -->


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)

regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 14 May 2006 - 11:31 AM

You actually don't need to use the * a in front of every universal declaration. Just get rid of it.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 15 May 2006 - 01:13 AM

[!--quoteo(post=373706:date=May 14 2006, 07:31 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ May 14 2006, 07:31 AM) View Post[/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 =()
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#4 eddedwards

eddedwards
  • Members
  • PipPipPip
  • Advanced Member
  • 31 posts

Posted 24 May 2006 - 06:21 PM

[!--quoteo(post=373866:date=May 15 2006, 02:13 AM:name=play_)--][div class=\'quotetop\']QUOTE(play_ @ May 15 2006, 02:13 AM) View Post[/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

#5 Heero

Heero
  • Members
  • PipPipPip
  • Advanced Member
  • 50 posts

Posted 25 May 2006 - 12:56 AM

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


I'm learning PHP and mySQL. Please forgive my ignorance :(

#6 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 25 May 2006 - 07:53 AM

.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 {...}

NoGray.com





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users