Clickable logo not working in Firefox

Discussion in 'HTML & Website Design' started by downloadthenet, Dec 9, 2007.

0
  1. #1
    This code creates a clickable logo but it only shows in IE not Firefox; The image or the link. Does anyone know how I can make it work in Firefox?

    /*Controls logo hotspot width*/
    #logo {height:80px;float:left; margin-left:15px;}
    #logo h1 a{ width:500px;display:block;text-indent:-5000px;text-decoration:none;line-height:80px; margin-top:10px;}
    #logo h1 {background:url(../images/Logos/logo-bevel3.gif) top left no-repeat; line-height: 80px; width: 600px; }
    #logo h1{margin:0;padding:0; margin-top:10px;}
     
    downloadthenet, Dec 9, 2007 IP
  2. creative4w3

    creative4w3 Active Member

    Messages:
    105
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    58
    #2
    First off, if you're going to specify the link width:500px; then there's no reason to make the h1 600px. And second, it does link in FireFox fine. Are you sure you have a href="something" on the anchor?
     
    creative4w3, Dec 9, 2007 IP
  3. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #3
    Do you have a height set on #logo h1 a?
     
    soulscratch, Dec 9, 2007 IP
  4. shoaeeb

    shoaeeb Peon

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    May be this firefox version does not support this css code
     
    shoaeeb, Dec 9, 2007 IP
  5. downloadthenet

    downloadthenet Active Member

    Messages:
    497
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    78
    #5
    Turns out is was the height settings. Thanks to everyone for the help.
     
    downloadthenet, Dec 10, 2007 IP