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.

Code:

.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:

Code:

<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

Quote:

Originally Posted by daemonkin

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.

Edit: 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