...

View Full Version : text-decoration help



ptmuldoon
07-04-2007, 03:15 PM
I'm trying to create a link that is both linking and not underlined, but I'm unsure how to get rid of the underlining. I have the below currently in my css.


.blink_text {
text-decoration:blink;
color:red;
padding-left:15px;
font-weight: bold;
font-style:italic;
}

Jutlander
07-04-2007, 03:47 PM
The blink value doesn't work in IE or Opera. If you want to get rid of the underlining, simply switch out your blink value with none.

You must of course apply your class to the link like this:



<a class="blink_text" href="http://www.example.com">Link text</a>


I'd change the class name now though.

daemonkin
07-04-2007, 03:49 PM
I tested this and it works fine in FF.
I would suggest using text-decoration: none; before declaring blink.

D.

Jutlander
07-04-2007, 04:27 PM
I tested this and it works fine in FF.

What good is it if it doesn't work in IE and Opera... IE is still used by the majority of people.

Just checked, it looks like it works in Opera too.

daemonkin
07-04-2007, 04:49 PM
By the time I posted you had already done so and since the op did not mention what browser he was using I thought I would put my money in.

ptmuldoon
07-05-2007, 07:47 PM
Thanks everyone. I wasn't aware that blink did not work in IE or opera, as I use FF mainly.

But I searched out the web as well, and found that you can use blink in IE or opera with a little javascript. I found it explained here if others would like to know how to add blink to IE

http://www.rgagnon.com/jsdetails/js-0098.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum