Problem with the links.

Not click-able links

[olti]

I'm trying to add some links under the main menu (Test1 ¦ Komunitet ¦ Politike ¦ etc) but for reasons that I don't know only the first 2 links are clikable and for the others is really difficult to click.

The area where I have added the code is this:

*********
<div id="wrapper">
<div id="shadow">
<div id="header">
<a href="index.php"><span id="logo"></span></a>

<div id="tabarea">';

template_menu2();

echo '
</div> <div id="access"> <a href="',$scripturl,'?fontstyle=f_larger" title="Increase size" id="larger"><span class="button"></span></a> <a href="',$scripturl,'?fontstyle=f_default" title="Default size" id="medium"><span class="button"></span></a> <a href="',$scripturl,'?fontstyle=f_smaller" title="Decrease size" id="smaller"><span class="button"></span></a> </div><div id=tomt class=white>

<p style="font-size: x-small"> <a href="http://www.example.com" style="color:white">Albanian ¦</a>
<a href="http://www.example.com" style="color:white">test1 ¦</a>
<a href="http://www.example.com" style="color:white">Politike ¦</a>
<a href="http://www.example.com" style="color:white">Biznes ¦</a>
<a href="http://www.example.com" style="color:white">Shkence ¦</a>
<a href="http://www.example.com" style="color:white">Kulture ¦</a>
<a href="http://www.example.com" style="color:white">Letersi ¦</a>
<a href="http://www.examplecom" style="color:white">Teologji ¦</a>
<a href="http://www.example.com" style="color:white">Sport ¦</a>
<a href="http://www.example.com" style="color:white">Muzike ¦</a>
<a href="http://www.example.com" style="color:white">Informatike ¦</a>
<a href="http://www.example.com" style="color:white">Webmaster ¦</a>
</div>
</div>
<div id="graphic">

<div id="spotlight">
<div id="quote">
</div>
</div>
</div>
<div class="clr"></div>
<table class="nopad">
<tr valign="top">
<td id="left-col">
<div id="left">
<div class="shadow"></div>
<div class="padding">
<div class="moduletable">';

*********

[edited by: tedster at 5:28 pm (utc) on Oct. 30, 2007]
[edit reason] switch to example.com [/edit]

[penders]

Without delving into your code, it's likely that you have another container (ie. a DIV) that is overlapping your menu. So it's probably an issue with your CSS.

Try setting a border on all your DIVs to see if any overlap:

div { 
border:1px solid #f00; 
}

[tedster]

I've removed a few posts here for policy reasons - but thought I should share that main suspect in this case seems to be a div positioned with a z-index set to 10000. That kind of div can indeed be "on top" of other links and content and make them inaccessible to the cursor.

[olti]

Penders, thank you very much for your help. The second CSS code helped me.

Cheers.