SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Enthusiast cinammon's Avatar
    Join Date
    May 2002
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking link underline - rookie alert

    let me first say that in the short time that i have been coming to this site that i have learned so much and have so much more to go. the members here are so knowledgable and willing to help, i hope that some day i know enough to be able to help someone else. in the mean time.......there's always a but isn't there?

    i am wanting to set my links with no underline. i know i must use CSS but don't have the time at the moment to learn all i need to know and set my entire site with it. the only command i want for the moment is the remove underline link. believe me, I have tried to figure this out myself and have searched through the boards both here and another site I frequent and it is just over my head for the moment.

    I know i must use text-decoration-none, but can anyone please tell me the complete code and do I put it in the head, or the body of my page? assume i know nothing, and then take it down a notch! thanks in advance.

  2. #2
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Put this in the head of the document...

    <style type="text/css">
    <!--
    a:link { text-decoration: none }
    a:active { text-decoration: none }
    a:visited { text-decoration: none }
    a:hover { text-decoration: none }
    -->
    </style>


    Good luck,
    Palmer

  3. #3
    Weird Little Girl Desdelena's Avatar
    Join Date
    May 2002
    Location
    Canada
    Posts
    266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    With that code make sure that your links are the same case. If you use <A href="..."> in your coding you need to put A:link ect. in your stylesheet.

  4. #4
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    And if you are just going to have them all none... you might as well use

    <style type="text/css">
    <!--
    a:link, a:active, a:visited, a:hover { text-decoration: none }
    -->
    </style>
    But I kinda like hover colours though

  5. #5
    SitePoint Enthusiast cinammon's Avatar
    Join Date
    May 2002
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you so much, Palmer you are a cut and paste life saver, everyone else, thanks for the extra tips

  6. #6
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Desdelena
    If you use <A href="..."> in your coding you need to put A:link ect. in your stylesheet.
    No you don't! Case is irrelevant in this situation.

  7. #7
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by PalmerB
    <style type="text/css">
    <!--
    a:link { text-decoration: none }
    a:active { text-decoration: none }
    a:visited { text-decoration: none }
    a:hover { text-decoration: none }
    -->
    </style>
    In this example, it makes no difference as to what order the pseudo-classes are in, but for almost any other use of them, they need to go link, visited, hover, active.

  8. #8
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not meaning to be awkward, but I seem to remember a thread on here that dealt with order, and as I recall the correct order was l,v,a,h - last two swapped around.

    l,v,h,a seems more logical, but apparantly has caused some problems.

    I did a search, but couldn't find the exact thread: but here's one that sort of mentions it: http://www.sitepointforums.com/showt...ve+hover+order
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback

  9. #9
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, not quite...

    Eric Meyer, the author of Cascading Style Sheets: The Definitive Guide, says they go LVHA, and so does the CSS1 spec.

  10. #10
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okey doke, from the horse's mouth and all that.

    Personally, I've never found problems with this order thang, so I'm going on what I've seen in these forums, and some people have suggested hover coming last solves probs (in fact I just saw it mentioned again in one of the most recent postings ... can't recall which).

    Just something to be aware of, I suppose.
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback


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
  •