css help!!

[scooly42]

a friend asked me for help but we can't make it work:

she has a menu with links to subpages and wants the link to the subpage the user is currently on to be in a specific different color. just like it happens on the banner in my lj - when you click on 'dudes', you go to the fpage, and the link is purple while the others are pink

Comments

CSS can be a bitch ;-)

[lady_3_jane]

There are 2 ways: global link appearance:

a {
text-decoration: none;
color: White;
font: 10pt;
}
a:link {
font-weight: bolder;
}
a:visited { color: #000000;
}
a:active { color: #FFFFFF;
background: #FFFFCC;
font: FOntname;
size: etc
}
a:hover {
text-decoration: overline;
}

or a cooler way:

<#style> (without# you will also need)
#navcontainer { height:80px; position:relative; }

#navi { position:absolute; }

#navi li { border:1px solid #000000; margin:0 40px 0 0; }
#navi ul li { border:none; margin:0; }

#navi a { font-weight:bold; text-align:right; display:block; padding:0.1em; }
#navi a:link, #navi a:visited { color:#FFF; background:#000000; text-decoration:underline; }
#navi a:active, #navi a:hover { color:#FFFFFF; background:#006666; text-decoration:none; style:bold}
<#/style>
see an example here: http://cayce.ca.funpic.de/gak2.0 ( ... )

easier

[lady_3_jane]

would be the source code of this (same as above, withput the external css):

http://cayce.ca.funpic.de/gak2.0/de/test.htm

Re: easier

[scooly42]

danke schon! i'll tell her to check that out!