HTML, wie kann ich auf einem Hintergrundbild einen Link positionieren?

...komplette Frage anzeigen

2 Antworten

Alles eine Frage der Positionierung, ich gebe dir mal ein ganz einfaches Beispiel:

<div style="position:relative;width:300px;height:300px;background-color:yellow"><a href="xyz" style="position: absolute;display:block;width:100px;height:100px;border:1px solid red;top: 40px;left:40px">link</a>

Das wichtigste dabei ist das display:block auf dem Link und position:absolute. Auf dem übergeordneten div sollte position:relative gesetzt werden (oder position:absolute) weil ansonsten die Koordinaten mit denen du den Link positionierst relativ zum gesamten Fenster gesetzt werden.

Ich würde vorschlagen du machst das einfach so:

<div id="navibtn" style="height:25px; width:153px; position:absolute;
     padding-top: 5px;  padding-left: 20px;
     text-align: left; margin-top:45px;margin-left:40px;
     border-right:0px solid #0000FF;float:left ;
     font-size:24px ; background-image:url(../image.png);">< a href="spiel2.html"><font color="#000000">Tipps</font></a>
</div>

Tut mir leid, bin nur mit meinem Handy da.

Was möchtest Du wissen?