Basic question about Header tags and Links...

Discussion in 'CSS' started by marklbishop, May 25, 2008.

  1. #1
    I can't figure this out... I want to create a style for my H3 tags. How do I create a link style for my H3 tags so there is no text-decoration? Thanks for the help!
     
    marklbishop, May 25, 2008 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Assuming those headings are containing links...

    
    h3 a {
    	text-decoration: none;
    }
    
    Code (markup):
     
    Dan Schulz, May 25, 2008 IP
    marklbishop likes this.
  3. marklbishop

    marklbishop Peon

    Messages:
    89
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks. I knew it was a simple answer, I just kept doing it wrong. Thanks!
     
    marklbishop, May 25, 2008 IP
  4. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Keep in mind that you can also change the header's various anchor states too:

    
    h3 a {} /* Applies to all states unless changed below */
    h3 a:link {}
    h3 a:visited {}
    h3 a:hover {}
    h3 a:active {}
    
    Code (markup):
    Tip: Here's an easy way to remember the above order, which is important: Love/Hate (LVHA - Link Visited Hover Active)
     
    steelfrog, May 26, 2008 IP
  5. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You forgot :focus ;)

    Another one, which Jason Beaird coined, is "Lord Vader's Handle Formerly Anakin" (which covers :link :visited :hover :focus :active in that order).
     
    Dan Schulz, May 26, 2008 IP