Auge: Benötige Hilfe bezüglich Link-Verschiebung

Beitrag lesen

Hallo

Die Grafik im Hintergrund ist aber rechtsbündig. Sie verschwindet links, je enger ich das Fenster ziehe. Dann bringt es dir auch nichts, die Container nach rechts zu verschieben.

Gibt es dazu keine Möglichkeit ?

Ich würde Felix' Vorschlag folgen. Die Liste (<ul>) bekommt das Bild des Adventskalenders als Hintergrund und auch dessen Dimensionen und position:relative; als Basis der Positionierungen der einzelnen Links. Die Listenpunkte (<li>) und Links (<a>) werden mit display:block; versehen, damit du ihnen Größenangaben verpassen kannst.

Die Listenpunkte werden absolut positioniert und mit left:..px; sowie top:..px; (bezogen auf die linke obere Ecke von <ul>, die mit der entsprechenden Stelle des Hintergrundbildes übereinstimmt, werden sie an die richtige Stelle gerückt. Den Listenpunkten gibst du auch die notwendigen Größenangaben, den Links selbst width:100%; und height:100%;. Vergesse nicht margin und padding für <li> und <a> auf 0 zu setzen. Für <ul> muss padding ebenfalls mit 0 angegeben werden.

So sollte es klappen.

Tschö, Auge

PS: die von dir in diesem Posting erwähnten Änderungen enthalten (mindestens) 24 Fehler. Du hast die <img>-Tags in den Links sämtlichst nicht geschlossen (Beispiel: <span><img src="images/pix50x50.gif" alt="" width="70" height="70" </span>).

--
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
Terry Pratchett, "Wachen! Wachen!"
Veranstaltungsdatenbank Vdb 0.3