SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2000
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Take a look at http://www.tweaktown.com/ with IE. How do they make it so the links will only be underlined when you put your mouse over it? I don't think this is done with the mouseover function!

  2. #2
    SitePoint Enthusiast
    Join Date
    Apr 2001
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I belive it is done by css.

  3. #3
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    They're just ordinary hyperlinks. A bit of text with a link attached to them.
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  4. #4
    SitePoint Wizard wdmny's Avatar
    Join Date
    Jul 2000
    Location
    Here
    Posts
    1,010
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Placing this in between the two <head> tags will do it:

    <style>
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
    </style>

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2000
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    <style>
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
    </style>
    This works fine for IE. But for Netscape you don't see any underlined links. At the site I mentioned above you see all links undelined when viewing with Netscape.

  6. #6
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Wes DeMoney
    Placing this in between the two <head> tags will do it:

    <style>
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
    </style>

    OK, I'm now confused. On our main pc, hyperlinks are not underlined until you put the mouse over them, but on the laptop, as I am now, they are underlined all the time!!!

    Is it something to do with browser settings? Both pc and laptop have Win ME and IE 5 installed, so it can't be anything to do with the actual browser.
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  7. #7
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep.........it's my browser settings!!!! On our main pc, under the advanced tab on the internet options, 'underline links' is set to 'hover'.

    Obviously, this is going to differ from pc to pc, so can anybody tell me, will the above code over-rule this setting?

    It's daft. I've never thought about this being a problem as I've always thought that hyperlinks didn't underline until the mouse went over them as that's the way they've always appeared on my system!!

    Well, they do say you learn something new everyday! I've learnt that I should pay more attention to how my system is set up!
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  8. #8
    Irritability Defined
    Join Date
    Jul 2000
    Location
    80,000 feet below the surface
    Posts
    1,442
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Saz249
    Yep.........it's my browser settings!!!! On our main pc, under the advanced tab on the internet options, 'underline links' is set to 'hover'.

    Obviously, this is going to differ from pc to pc, so can anybody tell me, will the above code over-rule this setting?

    No it won't. Unless you set your browser to accept what is written in the HTML/CSS code, your browser will override all other CSS settings.
    My 2 Cents (or is that 2.2 Cents including GST?)


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
  •