[thelist] CSS Question

[Tim Walling]

Hershel,

Try using something like this in your styles:

A.nav {
font-family:Tahoma, Arial, sans-serif;
font-size: 11px; color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

A.nav:hover {
color:#ffffcc;
text-decoration:underline;
}

A.nav:active {
color:#FFFFFF;
}

A.nav:visited {
color:#FFFFFF;
}

A.leftnav {
font-family:Arial, sans-serif;
font-size: 11px; color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

A.leftnav:hover {
color:#6666cc;
text-decoration:underline;
}

A.leftnav:active {
color:#666666;
}

A.leftnav:visited {
color:#666666;
}

Then you can either put either class (nav or leftnav) on any link you want
to take those attributes or sometimes you can surround groups of links with
a div tag and apply the class to the div tag which cuts down on your work.
Look at cnn.com since I'm pretty sure they still use this method. I know
espn.com used to but I just checked and it looks like all of their link
rollovers are same color now. Hope this helps.

Tim

-----Original Message-----
From: thelist-admin at lists.evolt.org
[mailto:thelist-admin at lists.evolt.org]On Behalf Of Hershel Robinson
Sent: Monday, December 31, 2001 9:23 AM
To: thelist at lists.evolt.org
Subject: [thelist] CSS Question


I know how to setup, via CSS classes, a font type and style etc. and a
rollover for links.

What I don't know is how to setup, via CSS classes, a second class, replete
with its own font type and style etc and rollover for a different type of
links.  I have achieved this using hard-coded <font> tags but this is a
workaround.  Does anyone know how to do this with CSS?

Thanks,
Hershel


_________________________________________________________
Do You Yahoo!?
Get your free @yahoo.com address at http://mail.yahoo.com


--
For unsubscribe and other options, including
the Tip Harvester and archive of TheList go to:
http://lists.evolt.org Workers of the Web, evolt !