Results 1 to 4 of 4

Thread: Unable to Override Text Link Decoration

  1. #1
    Join Date
    Aug 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Unable to Override Text Link Decoration

    I have been so stumped on this one. I cannot figure out how to lose the image link text: decorations specifically on hover. Since I am pulling from two external style sheets on this page is this something that should be done inline and if so how? Thank you. The page link is provided below.

    http://www.charlottes-saddlery.com/finaltest2.htm

  2. #2
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    Code:
    a:hover
    {
        text-decoration:none;
    }
    have you already this that..
    good luck

  3. #3
    Join Date
    Aug 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I have Dave and it still doesn't override the "screen" style sheet.

  4. #4
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    262
    Thanks
    42
    Thanked 24 Times in 24 Posts

    Default you need : colon

    Those pesky typos will get you everytime. The pseudo-class a:link need colon : not dot/period.
    Code:
    <STYLE type="text/css">
    		img a.hover { text-decoration: none; }
    		img { border: 0px; }
    	</STYLE>
    Otherwise, CSS as in "cascading" ... the style sheet further down in the lising supersedes ones listed above it ...

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
  •