SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Hyperlinks

  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2000
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I need some help with basic hyperlinks. I don't want to seem like an idiot, but here goes:

    I have my navigation bar on my page and I want to link them to their appropriate pages, but when I create a hyperlink, the text becomes underlined. I don't want it underlined. How do I do that? I see a lot of sites doing it but I can figure it out. Oh, and I'm using Frontpage. I did it a long time ago but I forgot how I did it.

    Can anyone help?

    Thanks.
    fade

  2. #2
    SitePoint Wizard TWTCommish's Avatar
    Join Date
    Aug 1999
    Location
    Pittsburgh, PA, USA
    Posts
    3,910
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Put this inside the < head > tag:

    Code:
    <style type="text/css">
    <!--
    a { text-decoration: none; }
    -->
    </style>
    Ta-da! Assuming the browser is compliant, it should work just fine.

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2000
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    AH-HA!!!

    Thanks.
    fade

  4. #4
    SitePoint Wizard TWTCommish's Avatar
    Join Date
    Aug 1999
    Location
    Pittsburgh, PA, USA
    Posts
    3,910
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem. While you're on the subject, I highly recommend reading up on CSS a bit more here on SitePoint and other such sites, like WebMonkey.

  5. #5
    Fluffy Kitten Programmer~ Elledan's Avatar
    Join Date
    Jun 2000
    Location
    Netherlands
    Posts
    1,356
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use a bit more advanced style sheet:

    <style type="text/css">
    <!--
    a { color: #CCFFCC; text-decoration: none}
    a:hover {color: #009900; text-decoration: none}
    a.link { color: #FFFFFF; text-decoration: none}
    a.link:hover { color: #3333FF; text-decoration: none}
    -->
    </style>

    disadvantage to the stylesheet TWT gave you is that in IE the links become underlined when you move the mouse over them.

    With this stylesheet, the links will never become underlined (as long as the browser is compliant) and you're even able to control the color of the links.

    A good starting point for CSS: http://www.stars.com/Authoring/Style/Sheets/
    www.nyanko.ws - My web-, software- and game development company.
    www.mayaposch.com - My personal site and blog.

  6. #6
    SitePoint Wizard TWTCommish's Avatar
    Join Date
    Aug 1999
    Location
    Pittsburgh, PA, USA
    Posts
    3,910
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're right, I forgot all about it. Must have been braindead when I wrote that...thanks for backin' me up.

  7. #7
    SitePoint Enthusiast
    Join Date
    Sep 2000
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope.

    I used TWT's code and it works fine. No underlining in IE or Netscape.
    fade

  8. #8
    Fluffy Kitten Programmer~ Elledan's Avatar
    Join Date
    Jun 2000
    Location
    Netherlands
    Posts
    1,356
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by TWTCommish
    You're right, I forgot all about it. Must have been braindead when I wrote that...thanks for backin' me up.
    Anytime
    www.nyanko.ws - My web-, software- and game development company.
    www.mayaposch.com - My personal site and blog.


Bookmarks

Posting Permissions

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