Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Feb 2005
    Posts
    663
    Thanks
    5
    Thanked 14 Times in 14 Posts

    text-decoration help

    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;
    }

  • #2
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    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.
    .
    .

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts
    I tested this and it works fine in FF.
    I would suggest using text-decoration: none; before declaring blink.

    D.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com

  • #4
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Quote Originally Posted by daemonkin View Post
    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.
    Last edited by Jutlander; 07-04-2007 at 05:31 PM. Reason: just checked, works in Opera
    .
    .

  • #5
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts
    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.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com

  • #6
    Regular Coder
    Join Date
    Feb 2005
    Posts
    663
    Thanks
    5
    Thanked 14 Times in 14 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •