1. Welcome to the new MacRumors forums. See our announcement and read our FAQ

Despite logic, links not working!

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

  1. macrumors 6502a

    cooknwitha

    #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

    Mitthrawnuruodo

    Staff Member

    #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. macrumors 6502a

    cooknwitha

    #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

    Mitthrawnuruodo

    Staff Member

    #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. macrumors 6502a

    cooknwitha

    #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