Positionierte Elemente nicht verlinkbar. Woran kann das liegen? (HTML & CSS)

  • Hallo liebes Forum,


    folgendes: Habe ein Fußballfeld (Grafik)

    HTML
    <img src="http://fc-suebia.de/img/felddurchsicht.png" align="right" width=350px>

    Auf dieser Grafik habe ich Fußballtrikots positioniert. Und zwar jeweils so:


    HTML
    <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 585px; top: 520px">
    <img border="0" src="http://fc-suebia.de/img/trikots/trikot1.png" width="40" height="34"></div>

    Diese einzelnen Trikots würde ich gerne verlinken. Also, dass wenn man auf ein Trikot klickt, dass dann der dazugehörige Spieler kommt.
    Doch leider funktioniert das nicht bei allen. Zum Beispiel die Nummer 13... man kann auch nicht Rechtsklicken und sich das Bild anzeigen lassen, weil das Bild zwar an der Stelle zu sehen ist, aber trotzdem nicht da ist. Es ist schwer zu erklären. Schaut am besten kurz die Problematik an:


    http://fc-suebia.de/saison/mannschaft/


    Wisst ihr woran das liegen könnte? Bin für jeden Tipp oder Änderungsvorschlag dankbar.

  • Ja klar weiß ich wie man einen Link erstellt.
    Aber wenn ich nun vor dieses Trikot einen Link schreibe... also


    HTML
    <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 585px; top: 520px">
    <a href=#><img border="0" src="http://fc-suebia.de/img/trikots/trikot1.png" width="40" height="34"></A></div>


    Dann erscheint auf der Seite der Link an einer andere Stelle. Und nicht über dem Trikot! Ich denke es hängt mit der absoluten Positionierung zusammen. Weiß aber nicht, warum der Link nicht einfach über dem Objekt erscheint, auf den ich ihn angewandt habe.

  • Die <div>'s um die Grafiken sind ja auch deutlich größer als die Grafiken. Idealerweise solltest Du die <div>'s genauso groß machen wie die Grafiken - denn dann überlagern und behindern sie sich auch nicht gegenseitig. Deswegen klappt vermutlich (!) auch keine Verlinkung, weil immer eine Ebene darüber liegt.

    Um das genau beurteilen zu können müsste man aber schon sehen wie Du Links untergebracht hast.

  • Ui! Ja, das ist mir entgangen. Na klar :)
    Danke. Werde es gleich mal testen! Vielen Dank schonmal! Aber ich könnte mir auch sehr gut vorstellen, dass es daran liegt.