Yup. See, on LINK-->my site (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/comic/future/main.php">http://hhg.firewebx.com/comic/future/main.php</a><!-- m -->), <--LINK I have a menu on the left with links. (I know they don't actually go to a real page... they will eventually)<br />
<br />
Before, I had the text in the boxes be working links. Now, however, the links only work in IE and Opera, not Firebird/fox or Netscape 7.x. <br />
<br />
What could be the matter? <br />
Here's the code for my header:<br />
<br />
<body id="body"><br />
<div><img src=http://www.webdeveloper.com/forum/archive/index.php/"header3.gif" alt="HH Galaxy" style="margin: 0px auto 0px auto" /></div><br />
<div id="container"><br />
<div id="intro"><br />
<br />
<br />
<div id="quickSummary"><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"main.php">Home</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"about.php">About</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"links.php">Links</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"funstuff.php">Fun Stuff</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"misc.php">Miscellaneous</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"linktome.php">Link To Me</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"/phpBB2/index.php">HHforums</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"arcindex.php">Archive</a></p></span><br />
<br />
</div><br />
<br />
Also, if you want, you can check out my css file. (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/comic/future/csss.css">http://hhg.firewebx.com/comic/future/csss.css</a><!-- m -->) <----- WORKING LINK!<br />
<br />
Here's a link to the current main page of my site, with the (almost) exact same code as the previously mentioned page: LINK (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/main.htm">http://hhg.firewebx.com/main.htm</a><!-- m -->)<br />
And here's a link to the CSS file of the above page: LINK (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/css.css">http://hhg.firewebx.com/css.css</a><!-- m -->)<!--content-->Without going into your CSS file - you have some block element overlapping your menu (if you disable styles everything works fine)<!--content-->Ahah! Thank you!<br />
All I had to do was give a z-index of 1 to the menu div, and now it works! <br />
<br />
But, is there another, better way of doing this? (Also, I can't figure out which div was blocking it...)<!--content-->z-index is the correct way to set the "depth order" of the elements. A different question is whether the overlapping is done by design or by mistake?<br />
You can use the DOM Inspector tool which is part of Mozilla and now FireFox to go through your document tree and blink elements on the page. It seems like the <div> with ID supportingText is out of place.<!--content-->you put the menu in the -1 z index? won't that mean you can't use the menu?<!--content-->No, I gave it a z-index of 1...<!--content-->
<br />
Before, I had the text in the boxes be working links. Now, however, the links only work in IE and Opera, not Firebird/fox or Netscape 7.x. <br />
<br />
What could be the matter? <br />
Here's the code for my header:<br />
<br />
<body id="body"><br />
<div><img src=http://www.webdeveloper.com/forum/archive/index.php/"header3.gif" alt="HH Galaxy" style="margin: 0px auto 0px auto" /></div><br />
<div id="container"><br />
<div id="intro"><br />
<br />
<br />
<div id="quickSummary"><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"main.php">Home</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"about.php">About</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"links.php">Links</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"funstuff.php">Fun Stuff</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"misc.php">Miscellaneous</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"linktome.php">Link To Me</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"/phpBB2/index.php">HHforums</a></p></span><br />
<span><p class="p1"><a href=http://www.webdeveloper.com/forum/archive/index.php/"arcindex.php">Archive</a></p></span><br />
<br />
</div><br />
<br />
Also, if you want, you can check out my css file. (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/comic/future/csss.css">http://hhg.firewebx.com/comic/future/csss.css</a><!-- m -->) <----- WORKING LINK!<br />
<br />
Here's a link to the current main page of my site, with the (almost) exact same code as the previously mentioned page: LINK (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/main.htm">http://hhg.firewebx.com/main.htm</a><!-- m -->)<br />
And here's a link to the CSS file of the above page: LINK (<!-- m --><a class="postlink" href="http://hhg.firewebx.com/css.css">http://hhg.firewebx.com/css.css</a><!-- m -->)<!--content-->Without going into your CSS file - you have some block element overlapping your menu (if you disable styles everything works fine)<!--content-->Ahah! Thank you!<br />
All I had to do was give a z-index of 1 to the menu div, and now it works! <br />
<br />
But, is there another, better way of doing this? (Also, I can't figure out which div was blocking it...)<!--content-->z-index is the correct way to set the "depth order" of the elements. A different question is whether the overlapping is done by design or by mistake?<br />
You can use the DOM Inspector tool which is part of Mozilla and now FireFox to go through your document tree and blink elements on the page. It seems like the <div> with ID supportingText is out of place.<!--content-->you put the menu in the -1 z index? won't that mean you can't use the menu?<!--content-->No, I gave it a z-index of 1...<!--content-->