Gif Layer

Hallo gottfried,

da Du das Bild verlinken möchtest, muss das Bild im Link stehen.

<a href...>Text oder Bild</a>

<a href="http://www.captaincork.com/Weinleute/Winz…nhof-Steiermark"><img src="/images/header_layer_link.gif" /></a>

Stimmt der relative Pfad?
Wo liegt das Bild absolut, wo kann man die Seite anschauen?

Das Ganze sieht etwas chaotisch aus:

Zitat

<div class="Header">
<div class="Header-jpeg">

<div id="gif"><a href="http://forum.wordpress-deutschland.org/view-source:ht…nhof-Steiermark"><img src="/images/header_layer_link.gif" /></a>
</div>
</div>

<div id="page">

<div id="header" role="banner">

<div id="header" onclick="location.href='http://blog.herrenhof.net/';" style="cursor: pointer;">

</div>
</div>

Alles anzeigen

Die Anzahl der schließenden divs scheint nicht zu stimmen. Setze mal den Link vor Dein

Zitat

<div id="gif">

Zitat

<div id="gif"><a href="http://www.captaincork.com/Weinleute/Winz…nhof-Steiermark"><img src="/images/header_layer_link.gif" /></a>
</div>

Das ist prinzipiell richtig, aber...

Der obige code bedeutet:
Du hast einen div-Container in dem ein ein Link mit einem Bild dargestellt wird.

In deiner style.css habe ich gesehen, dass Du dem div-Container zusätzlich das selbe Bild als Hintergrund zugeordnet hast. Ergo: doppelt gemoppelt.
In der style.css würde ich den Background rausnehmen. Mit den restlichen Angaben positionierst Du den div-Container.

Habe das mal zu Testzwecken bei mir eingebaut - es funktioniert:

Du musst das Bild nicht im Header einfügen, kannst es auch im Footer machen, egal das Bild wird durch die id=gif Angaben in der Style.css positioniert. Ich habe es bei mir einfach im Beitrag eingegeben.

folgendes habe ich verwendet:

in dem Beitrag

<div id="gif"><a href="http://www.captaincork.com/Weinleute/Winzer-des-Monats-November-Gottfried-Lamprecht-Herrenhof-Steiermark"><img src="http://www.herrenhof.net/_newsandblog/wp-content/themes/3col-kubrick/images/header_layer_link.gif" /></a></div>

in der style.css:

#gif {
height:100px;
left:200px;
position:absolute;
top:0;
width:200px;
z-index:500;
}

Wenn Du den absoluten Pfad zum Bild angibst, dann funktioniert es auch:
http://www.herrenhof.net/_newsandblog/w…_layer_link.gif

so hatte ich es bei mir auch eingebaut.