Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts

    removing underline from image link

    any idea how i remove the underline from the thumbnail hyperlinks on the right side of my page here: http://www.bandit4x4.com/products/btd0001.html. i'm ok with the underline appearing below the text that says "View Larger" but I need to eliminate the underline from underneath the pics.

    ???? thanks in advance!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    This should do it...

    Code:
    #prodtable a:link {
    color: #000;
    text-decoration: none;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    no, that did not work. please advise. thanks.

  • #4
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    What browser are you reffering to here, because in FireFox the text "View Larger" nor the image above it are underlined..

  • #5
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    i'm talking about firefox. attached is an image of the underline i'm referring to.
    Attached Thumbnails Attached Thumbnails removing underline from image link-underline.jpg  

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    There is no underline. (Firefox 3.5.whatever, Chrome 3)

  • #7
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    hmmm. i'm using Firefox 3.0.15.

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Even IE5.5 and IE6 don't show an underline. Did you hard refresh? (Ctrl-F5)

  • #9
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    hard refresh did not seem to clear this issue.

  • #10
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    Clear the cache, history - Ctrl+Shift+Delete on FireFox, then reload the page.

  • #11
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    tried that too. no dice.

  • #12
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    http://www.bandit4x4.com/products/btd0001.html has no underlined image here. FF3.5 and IE8.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #13
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    Use a:visited too. Btw, get your background colours in order too. Have you tried viewing your pages with images disabled?

  • #14
    Regular Coder
    Join Date
    Aug 2009
    Posts
    410
    Thanks
    119
    Thanked 0 Times in 0 Posts
    you mean #prodtable a:visited? i have that in there already (see below). why would i want to view page with images disabled? and how do i do that? thanks!

    PHP Code:
    #prodtable {
        
    border:1px solid #000;
    }
    #prodtable td {
        
    border1px solid #ccc;
        
    vertical-aligntop;
    }
    #prodtable td.left {
        
    width100px;
        
    border1px solid #ff8080;
        
    text-alignright;
        
    font-size14px;
        
    font-weightbold;
        
    color#634432;
    }
    #prodtable ul {
        
    margin0px;
        
    padding0px;
    }
    #prodtable ul li {
        
    margin0 0 0 15px;
        list-
    style-positionoutside;
        list-
    style-typesquare;
    }
    #prodtable td.middle {
        
    width450px;
        
    border1px solid #ff8080;
        
    font-size14px;    
    }
    #prodtable td.right {
        
    border1px solid #ff8080;
        
    width160px;
        
    text-aligncenter;
    }
    #prodtable a:link {
        
    color#000000;
        
    text-decorationnone;    
    }
    #prodtable a:visited {
        
    color#000000;
    }
    #prodtable a:hover {
        
    color#666666;
        
    text-decorationnone;
    }
    #prodtable a img {
        
    text-decorationnone;


  • #15
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    Quote Originally Posted by sixrfan View Post
    you mean #prodtable a:visited? i have that in there already (see below). why would i want to view page with images disabled? and how do i do that? thanks!
    Without images, you have black text on a black background. How you disable displaying images is dependant upon your browser.

    You need to add the {text-decoration: none;} line to the relevant parts of the CSS, or just add the following at the end of the CSS file.

    Code:
    #prodtable a:link, #prodtable a:visited {
        text-decoration: none;
    }

    Edit: Btw, if it is the a:visited bit causing your underline, you didn't clear your browser cache and history as you were told to, earlier in the thread.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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