2 Bilder im Header verlinken

Da dürfte dir mein Artikel = Hotspots, Images Maps in WordPress weiterhelfen.
Ist zwar auf Bilder im Artikel selbst ausgelegt, aber die Vorgehensweise Bildteile zu verlinken ist die gleiche.

Zitat von Integra

Könntest du mir vielleicht dabei ein wenig helfen?

Kann ich schon, nur ohne genaue Angaben, Link zum Blog, welche Bildteile mit mit welcher Url verlinkt werden sollen, verwendetes Theme usw. geht das nicht.

<img src="http://www.zaehne-bleichen.ch/wp-content/themes/get_event_tickets_bue128/images/Header.jpg" width="931" height="146" border="0" usemap="#Map" />
<map name="Map"><area shape="rect" coords="13,9,383,137" href="#http://www.deinlink-Zaehne-Bleichen.ch" target="_blank"  title="Zaehne-Bleichen" alt="Zaehne-Bleichen.ch">
<area shape="rect" coords="708,10,922,137" href="#http://www.deinlink-Supperweiss.ch" target="_blank" title="Supperweiss" alt="Supperweiss">
</map>

Links, title, target und alt ......deinen Anforderungen anpassen

das ganze

<div class="Header-jpeg">[COLOR=Red]hier einfügen[/COLOR]</div>

vermutlich header.php deines Themes

die background Angaben löschen (style.css)

div.Header-jpeg {
   background-image: url("/images/Header.jpg");
    background-position: center center
    background-repeat: no-repeat;
    height: 153px;
    left: 0;
    position: absolute;
    top: 0;
    width: 941px;
    z-index: -1;




}

Zitat von Integra

Mein Header hat sich dadurch ein wenig verschoben

Das liegt daran, das du die CSS Anweisung komplett gelöscht hast, statt nur die "background Angaben" ;-)

füge dies

div.Header-jpeg {
    left: 5px;
    top: 5px;
    position: relative;
}

mal wieder ein

Zitat von Integra

Was bin ich dir schuldig?

Schnitzel, Pommes, Salat und ein kühles Pils dazu. :smile:

Das war ein Scherz mit dem Schnitzel, das User helfen Usern kostet hier nix. ;-)

DANKE...super Beispiel

habe alles an sich richtig gemacht, (http://www.yoginis.at), d.H. die Hyperlinkrahmen funktionieren perfekt, aber die Grafik als ganzes lässt sich nicht mehr zentrieren?! Kannst Du mir bitte eine Tip geben ?:oops:

Danke für die schnelle Hilfe

Zitat von SirEctor

Deine class Header-jpeg müsste per css noch folgendes bekommen
margin: 0 auto;
width: 900px;

das steht in der CSS

div.art-header

{

margin: 0 auto;

position: absolute;

z-index: -5;

width:900px;

height: 199px;

margin-top: 0;

margin-bottom: 0;

background-position:center;

}

DANKE

Habs gelöstm ich hätte Deine Info genauer lesen sollen. :mad:

Ich habe fast das gleiche Problem, nur möchte ich 2 einzelne Bilder in den Header laden und diese unterschiedlich verlinken.

Kann mir hier wer einen Tipp für die Änderungen im den Code geben?