Forum Moderators: open

Message Too Old, No Replies

Links not working

Some of the links on my site dont work...need help.

         

jangoux

5:10 am on Jan 4, 2005 (gmt 0)

10+ Year Member



Hi,

I've writing this webpage for some time, and i am on the process of finishing it. But, before, i am stuck in one problem - some of the links don't work, whatever i do. I think it has something to do with the nested table design, because if i cut and paste it somewhere else, it works. The problem is that i can't figure WHERE's the problem.

Here's the link for the webpage : <Sorry, no personal URLs. See TOS [webmasterworld.com]>

Also, when IE blocks the active content, the links also works...any clues?

Thanks,
Ivan Jangoux

[edited by: tedster at 7:10 am (utc) on Jan. 4, 2005]

kaled

9:10 am on Jan 4, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Does the page validate? If you have nested tables, there may be badly formed tags (e.g. unclosed <td>) etc.

[validator.w3.org...]

Kaled.

jangoux

3:38 pm on Jan 4, 2005 (gmt 0)

10+ Year Member



I just found out the problem is the css used to make one popup (the code was taken from apple's developers site).

Te line is :

 .popup { POSITION: absolute; visibility: hidden; BACKGROUND-COLOR: white; LAYER-BACKGROUND-COLOR: white; width: 200; BORDER-LEFT: 1px solid black; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 3px solid black; BORDER-RIGHT: 3px solid black; PADDING: 3px; z-index: 10 ; text-color:#888888; }

When i change the position to anything but absolute, the links work, but the design gets totally messed up, even if i change position values. Any clues?

rocknbil

3:16 am on Jan 5, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The links in question are **probably** beneath the "popup" layer. Note how the z-index is 10. That puts it "10th" from the bottom of the layering. If no other layers have z-index properties, that makes it the top dog. If this is visible and is "on top" of the links in the document layering - they might not be clickable. I cannot recall the exact conditions but have experienced it.

If you don't use the z-index property on a layer, the document layers and divs just stack up from top to bottom (or is it bottom to top. Sorry.) Putting one above the other in a document would fix this, or put all your content in layers and assign the link layers the highest z-index.

Sorry for the explanomanglaphobia. :-)

Lorel

5:23 am on Jan 5, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I occasionally have the same problem and I also believe it's due to nested tables. However don't just check W3c--I have noticed ever since they "upgraded" their site a few months ago now there are all kinds of broken code getting through (loose carots floating around, table tags missing and W3c still validates the page anyway--Doc type 4.1 transitional). I always check the page with another code validator like Elsop link checker which catches the broken code that W3c misses.