1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Underline showing in some images, not all.

Discussion in 'Web Design & Development' started by DaveSS, Nov 17, 2011.

Thread Status:
Not open for further replies.
  1. DaveSS

    DaveSS Thread Starter

    Joined:
    Jun 18, 2002
    Messages:
    453
    Hi there,

    This is doing my head in a bit.

    I've turned underline in images off via css

    a img {
    border: none;}

    And it works.

    However on a redesign I'm getting some images showing underline on hover, but not all?!!

    Original page no underline.

    New draft underline showing. Hover over feedburner count badge (middle right) or RSS / Twitter icon bottom left.

    All other images are fine.

    It must be CSS related as when I load the old style sheet this problem goes. The problem is I can't isolate the problem.

    Anyone see what the problem is, and know a cure?

    Dave

    Just an update:

    Old css for links was

    a:link {color: #D8CA92;}
    a:active {color: white;}
    a:visited {color: #696348;}
    a:hover{color:white;}

    a img {
    border: none;}

    New css is

    a:link {color: #D8CA92; }
    a:active {color: #D8CA92; }
    a:visited {color: #D8CA92; text-decoration:underline; }
    a:hover { color: #fff; text-decoration:none; border-bottom: 1px solid #FCB915;}

    a img {
    border: none;}

    replacing the new with old cures the problem. Except that's not the link color I want, the new css is. But for some reason it's making a couple of images underline on hover. Can't figure out why?
     
  2. ehymel

    ehymel

    Joined:
    Aug 12, 2007
    Messages:
    696
    Didn't study closely, but maybe because the a:visited spec is being utilized on links you've already clicked? That is forcing the underline.

    Great looking site, by the way!
     
  3. DaveSS

    DaveSS Thread Starter

    Joined:
    Jun 18, 2002
    Messages:
    453
    Thanks. Yea, I eliminated that. But still the problem occured.

    Finally found a solution. in

    Code:
    a img {
        border: none;
        vertical-align: top;}
    To basically hide the Underline. Not ideal, but seems to work.

    Thanks for compliment. Hope you meant the new look is better than the old one? :)
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Similar Threads - Underline showing images
  1. justguy
    Replies:
    4
    Views:
    846
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1027234

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice