Preserved Topic: No underline until mousover link (Page 1 of 1)

I have a site where someone would like only 1 specific link to be sans underline until mouseover. Do you know where i can find a script for this?

thats easy.. its just css

a:link, a:active, a:visited { color: rgb(203,185,156); text-decoration: none; font-weight: 700 }

a:hover { color: rgb(51,42,41); text-decoration: underline; font-weight: 700 }

copied from one of my other sites.. so take what you need.

If I understand the question right, the rest of the links on the page are set to no decoration, right? And just one of them is different? So you have to make a pseudo link class for that one particular link maybe. Or does the css in the above post overide the overall page css?

Steve you are right, the CSS above needs to be tweaked otherwise they are all gonna get tagged with underlines. Something like this:

a.special:hover {text-decoration:underline}

Then <A HREF="whatever.com" CLASS="special">

for the link.

Should be also stated that the hover function only works in IE too (I think).


Walking the Earth like Kane

yes it is possible and in fact very easy. are you familiar with CSS at all? if not, ou should look into it -- it is fairly simple to learn and extrememly useful.

anyway, it would look something like this;


<style type="text/css">

<!--

a {font-family: whateverfont,2ndfontchoice; font-size: 12px; font-weight: normal; text-decoration: underline;}
a.plain {font-family: whateverfont,2ndfontchoice; font-size: 12px; font-weight: normal; text-decoration: none;}
a.plain:hover {font-family: whateverfont,2ndfontchoice; font-size: 12px; font-weight: normal; text-decoration: underline;}

-->

</style>


you need three classes of links: normal, the sans-underline one, and the sans-underline one for the hover. Netscape does not currently support the hover attribute although I'm told the 6.0 beta does.

in the link tag, you set it up like this:

<a href="yaddayadda.html" class="plain">

that will make it look to the "a.plain" style info for that link.


If I'm telling you things you already know, just ignore me <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif"> if you want to learn more about CSS check out http://www.projectcool.com/

Or http://www.westciv.com/style_master/house/tutorials/index.html

the most thorough resource on CSS I've run across.

Thanx all for your help. I knew there must be a way to do this with CSS, i just couldn't find the correct resources to get started. Until i posted here.

THanx again and peace out!