How Do I Remove Underscore in Link

Discussion in 'CSS' started by Sickthing, Dec 13, 2010.

  1. #1
    I know this pretty lame but when it comes to CSS and detailing a website, I'm lame :)

    I need to know how too remove the underscore using inline style.

    I think that's the best way but I'm open to other suggestions. Since it is a WordPress site, other CSS is in play. Inline best way to overcome that I think?

    I'm using Komposer to and tried to force it to go away but I had no luck.

    Thanks for the help.
     
    Sickthing, Dec 13, 2010 IP
  2. Toneek Muz

    Toneek Muz Peon

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    U must find your css "text-decoration:" for links and instead of underlane put: text-decoration: none.
     
    Toneek Muz, Dec 13, 2010 IP
  3. Sickthing

    Sickthing Peon

    Messages:
    475
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Tank Toneek, but using Inline i can change it for the single element. That's what i need but what you told me may be enough to get me there. I'll go to W3C schools and look for how to write that. Thanks.
     
    Sickthing, Dec 13, 2010 IP
  4. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #4
    If you use inline CSS... you write it like this:

    
    <a href="wherever" style="text-decoration:none;">wherever</a>
    
    Code (markup):
    It is much better if you use an external CSS ... visit w3schools.com
     
    CSM, Dec 13, 2010 IP
    Sickthing likes this.
  5. niravdave

    niravdave Active Member

    Messages:
    675
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    88
    #5
    so you can just simply add

    <style>

    a {
    text-decoration: none;
    }

    </style>

    between your <head></head> tags. This will take off all the underlines from all the links.
     
    niravdave, Dec 13, 2010 IP
  6. Sickthing

    Sickthing Peon

    Messages:
    475
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I don't need it in the header. I need it INLINE.

    Here is the code but the dang thing STILL shows the freaking underscore and it looks bad. It looks bad in other ways too. :) But starting here

     <span class="Apple-style-span"
     style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium; font-family: Georgia;"><span
     class="Apple-style-span"
     style="font-size: 22px; text-align: center; text-transform: capitalize;"><br>
          </span></span>
          <div style="text-align: center;"><a
     href="http://expatmanual.com"
     style="font-family: Georgia; color: rgb(255, 255, 204);"><span
     class="Apple-style-span"
     style="border-collapse: separate; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
     class="Apple-style-span"
     style="font-size: 22px; text-align: center; text-transform: capitalize; text-decoration:none;">Click
    Here For More information</span></span></a><br>
    Code (markup):
    What am I doing wrong? Thanks for the help.
     
    Sickthing, Dec 13, 2010 IP
  7. Sickthing

    Sickthing Peon

    Messages:
    475
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I just need this changed in ONE place. My CSS is very weak, defining a class or style or whatever is beyond me. :)

    I posted the code I have for now. I'm going to to play with putting it right in the URL like I think you're trying to tell me.
     
    Sickthing, Dec 13, 2010 IP
  8. Sickthing

    Sickthing Peon

    Messages:
    475
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Put it right in the URL and still I have URL. grrr if I'm cached I'm gonna shoot myself :)
     
    Sickthing, Dec 13, 2010 IP
  9. Sickthing

    Sickthing Peon

    Messages:
    475
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Not cached but I have a much bigger problem in Firefox. The text is wrapping in FF grrrrrr
     
    Sickthing, Dec 13, 2010 IP
  10. Yuuko008

    Yuuko008 Member

    Messages:
    682
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    33
    #10
    This is your code.

     <span class="Apple-style-span"
     style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium; font-family: Georgia;"><span
     class="Apple-style-span"
     style="font-size: 22px; text-align: center; text-transform: capitalize;"><br>
          </span></span>
          <div style="text-align: center;"><a
     href="http://expatmanual.com"
     style="font-family: Georgia; color: rgb(255, 255, 204);"><span
     class="Apple-style-span"
     style="border-collapse: separate; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
     class="Apple-style-span"
     style="font-size: 22px; text-align: center; text-transform: capitalize; text-decoration:none;">Click
    Here For More information</span></span></a><br>
    Code (markup):
    Use this instead.

     <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium; font-family: Georgia;">
    <span class="Apple-style-span" style="font-size: 22px; text-align: center; text-transform: capitalize;"><br> </span></span>
          <div style="text-align: center;"><a href="http://expatmanual.com" style="font-family: Georgia; color: rgb(255, 255, 204); text-decoration:none;"><span
     class="Apple-style-span" style="border-collapse: separate; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="font-size: 22px; text-align: center; text-transform: capitalize; text-decoration:none;">Click
    Here For More information</span></span></a><br>
    Code (markup):
    Hope it helps :)
     
    Yuuko008, Dec 13, 2010 IP
    Sickthing likes this.
  11. Sickthing

    Sickthing Peon

    Messages:
    475
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Thanks Yuuko!!!!
     
    Sickthing, Dec 13, 2010 IP
  12. Yuuko008

    Yuuko008 Member

    Messages:
    682
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    33
    #12
    No problem, i'm glad i helped. :)
     
    Yuuko008, Dec 14, 2010 IP