Despite logic, links not working!

Discussion in 'Web Design and Development' started by cooknwitha, Feb 11, 2006.

  1. macrumors 6502a

    cooknwitha

    Joined:
    May 5, 2005
    Location:
    London
    #1
    I am oh so close to finishing my little "travel diary" website. I leave in 3 weeks. It's not supposed to be clever, just simple and basic but pleasing to the eye.

    All seems fine EXCEPT three of the four links on the top menu aren't working. But get this, they work in IE. Firefox and Safari won't let it work. How is it that IE is working!? It's been the bain with everything else except this!

    All the links are dead but if you click on the side menu links, it activates the "visited link" font on the top ones. They just don't turn up as links. In fact, you can't even highlight them as text.

    Any ideas what the hell is going wrong?

    Here it is.
     
  2. Moderator emeritus

    Mitthrawnuruodo

    Joined:
    Mar 10, 2004
    Location:
    Bergen, Norway
    #2
    My guess is the float: left on the #tm----s are messing things up... especially since the leftmost works using FF 1.5.0.1 on an Mac...
     
  3. thread starter macrumors 6502a

    cooknwitha

    Joined:
    May 5, 2005
    Location:
    London
    #3
    Mitthrawnuruodo, you seem to be my coach with all my problems. :D

    Sadly, it's not float. I meant to mention that. I even tried making them absolute positioned divs but they just wouldn't work. No matter if I change their a class or the position of them, the left one always works. All the others.... nothing.
     
  4. Moderator emeritus

    Mitthrawnuruodo

    Joined:
    Mar 10, 2004
    Location:
    Bergen, Norway
    #4
    Ok... I'm often lurking 'round in the web design forum... ;)

    Try useing z-index, to tell what is the upmost layer, that should do the trick:

    Code:
    #topmenu {
    	background-image:url(/greybg.jpg);
    	background-repeat:repeat-x repeat-y;
    	position:absolute;
    	top: 150px;
    	left:20px;
    	height: 20px;
    	width: 940px;
    [B]	z-index: 20;
    [/B]	}
    #tmcontact {
    	float:left;
    	width:25%;
    [B]	z-index: 10;
    [/B]	}
    #tmvideo {
    	float:left;
    	width:25%;	
    [B]	z-index: 10;
    [/B]	}
    #tmphoto {
    	float:left;
    	width:25%;
    [B]	z-index: 10;
    [/B]	}
    #tmdiary {
    	float:left;
    	width:25%;
    [B]	z-index: 10;
    [/B]	}
     
  5. thread starter macrumors 6502a

    cooknwitha

    Joined:
    May 5, 2005
    Location:
    London
    #5
    Brilliant as always! :D

    I'd completely forgotten about z-index and layers orders. Of course that's why IE was working! Because it's a useless program that can't read layers very well.

    So thanks heaps Mitthrawnuruodo. You've helped restore my sanity. ;)
     

Share This Page