Background-Image im Header verlinken

[LutzWinkler]

Auf der Seite Vorsorge ist Fürsorge haben wir im Header ein 1000x270 Pixel großes Background-Image (header.png), das im Stylesheet layout.css definiert ist.
Ich bin darauf aufmerksam gemacht worden, dass es sich gut macht, wenn das Bild mit der Startseite verlinkt und anklickbar wäre.
Da es aber Teil des Stylesheets ist, weiß ich nicht so recht, wie ich das elegant lösen soll. Das Bild und die Funktion soll ja auf allen Seiten gleich sein.

Hat jemand eine Idee?

Gruß, Lutz

[lucina]

Gemeinhin kegt man dafür ein Modul vom Typ 'eigenes HTML' an, wirft ein Bild zum Klicken zwischen <a href ...> und </a> rein und bindet das ins Seitenlayout ein.

Du müsstest dann das Logo aus dem Hintergrundbild entfernen ...

Carolina.

[tblumrich]

Hi.

Der einfachste Weg wäre das Bild direkt als per img Tag in den Header zu bauen und dieses dann zu verlinken.

Dafür gibt es mehrere Möglichkeiten. Eine wäre ein neues Modul anzulegen vom Typ HTML Code mit dem entsprechenden Code. Das Modul wird dann über das Seitenlayout in den Header eingebunden.

Gruß
Thomas

//edit
Zu spät.

[LutzWinkler]

Vielen Dank für die Tipps!

Da ich nicht an meinem mühsam erstellen Stylesheet (Picts mit Rahmen...) herumbasteln wollte, habe ich es jetzt mit einem HTML-Modul gelöst, in dem ein transparentes GIF-Image über das Header-Image absolut positioniert wird.

<div style="
  position:absolute;
  top:40px;
  left:700px;">
<a href="{{link_url::116}}"><img src=".../_clear.gif" alt="Vorsorgeuntersuchungen" width=240 height=40></a>
</div>

Viele Grüße, Lutz

[tblumrich]

Auch 'ne Lösung.

Kleiner Tipp... achte mal ein wenig auf die korrekte Schreibweise des Codes und auf die Semantik. Im o.g. Codeschnippsel sollten die Tags geschlossen werden.

Auf deiner Seite taucht da noch einiges mehr auf, was einer vernünftigen Validierung im Wege steht... ganz seltsam auch Stylesheetangaben irgendwo mitten im body.

...aber ist ja noch alles Beta, wie du schreibst.

Gruß
Thomas