z-index und <a> klick funktion?

[whazza]

Hi ich wollte mal fragen wie man es anstellen kann das man z-index nutzen kann und es dennoch klick bar ist.

Habe in der htm datei Folgendes

<div style="position:relative;left:0px;top:0px;z-index:-1;">
    <div style="float:left"><a href="index.php?news" class="cdnextnnews"></a></div>
    <div style="float:left"><a class="cdnextforum"></a></div>
    <div style="float:left"><a class="cdnextteams"></a></div>
    <div style="float:left"><a class="cdnextmitglieder"></a></div>
    <div style="float:left"><a class="cdnextwars"></a></div>
    <div style="float:left"><a class="cdnextjoinus"></a></div>
    <div style="float:left"><a class="cdnextfightus"></a></div>
    <div style="float:left"><a class="cdnextdloads"></a></div>
    </div>

Und in der Style.css Folgendes

a.cdnextnnews {display:block;width:97px;height:35px;background:transparent url('images/news.png') no-repeat top left;}
a.cdnextnnews:hover {display:block;width:97px;height:35px; position:relative;top:5px;background:transparent url('images/news.png') no-repeat top left;}
a.cdnextforum {display:block;width:97px;height:35px;background:transparent url('images/forum.png') no-repeat top left;}
a.cdnextteams {display:block;width:97px;height:35px;background:transparent url('images/teams.png') no-repeat top left;}
a.cdnextmitglieder {display:block;width:97px;height:35px;background:transparent url('images/mitglieder.png') no-repeat top left;}
a.cdnextwars {display:block;width:97px;height:35px;background:transparent url('images/wars.png') no-repeat top left;}
a.cdnextjoinus {display:block;width:97px;height:35px;background:transparent url('images/joinus.png') no-repeat top left;}
a.cdnextfightus {display:block;width:97px;height:35px;background:transparent url('images/fightus.png') no-repeat top left;}
a.cdnextdloads {display:block;width:97px;height:35px;background:transparent url('images/d-loads.png') no-repeat top left;}

Aber wie hier zu sehen lässt sich der news button nicht klicken :(
Das Clanscript für jeden! :: News

Hätte da jemand eine Lösung!
Wäre sehr dankbar.

mfg
whazza

 

[Tronjer]

Wieso brauchst du denn ein z-index: -1 auf dem Menü?

 

[whazza]

Damit die Navi Button unter den Bild Darüber sind.
Der Grafiker hatte es so Gebastelt :(

 

[Tronjer]

Hmm, du kannst nicht auf Element klicken, das von einem anderen verdeckt wird. Zumindest beim Klicken muss es oben liegen.

 

[whazza]

Na gut hätte ja sein können das es irgendwie geht, dann muss ich die Grafiken leider doch schneiden.

Aber danke!

 

[Tronjer]

Da deine Seite nicht lädt, weiss ich nicht, wie es aussehen soll. Aber es gäbe ja eventuell noch eine Möglichkeit mit JavaScript, in dem die Menübuttons einen z-index: 2 erhalten, wenn du über das darüber liegende Element hoverst und anschließend wieder auf -1 gesetzt werden.

 

[whazza]

Ich schneide die jetzt einfach, ist denke ich mal dann am besten.

Aber trotzdem danke!