Hallo liebe Community,
es gibt ja schon zahlreiche Beiträge hier im Forum zum Verlinken von Bildern, aber leider funktioniert bei mir folgendes nicht:
Ich habe im Header eine Grafik, auf die ich nochmal eine transparente PNG lege. Diese möchte ich nun gern per CSS positionieren und so verlinken, dass sie auf meine home-seite verweist.
Dafür habe ich zunächst folgenden html-code für meinen header (Auszug, verlinkt noch zu google):
<div id="page_wrap">
<div id="page_logo">
<a href="http://www.google.de"><img src="/wp-content/themes/pyrmont-v2/images/schriftzug.png" alt="Alternativtext"/></a></div>
<div id="header">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<div class="clear"></div>
</div><!-- end header -->
Die entsprechende CSS sieht wie folgt aus:
div#page_wrap{
width: 960px;
margin: 0 auto;
background: url(images/bg.png) no-repeat;
}
div#page_logo{
border: none;
position: relative;
background: url(images/schriftzug.png) no-repeat;
top: 65px;
left: 110px;
}
Alles anzeigen
Die Grafiken sind an der richtigen Stelle, aber ich bin der Meinung, dass die Grafik über die CSS angezeigt wird und nicht über den html-befehl (wenn ich den lösche, bleibt die Grafik trotzdem stehen). Ein link will sich bei der schriftzug.png aber nicht einstellen... Ich sehe nur den "Alternativtext", der auch verlinkt wird...Aber ich sehe keinen Fehler?
Bin für jede noch so kleine Hilfe dankbar!
Viele Grüße,
griffon