Beiträge (RSS)
Header verlinken mit der Startseite des Blogs
Ich habe vor einiger Zeit mal irgendwo gelesen, dass es fast zum guten Ton gehört, die Headergrafik mit der Startseite des Blogs zu verlinken. Monika und einige andere haben das mit JavaScript gelöst, ich selber vor kurzem auch.
Im Zuge meiner Homepageumgestaltung bin ich auf eine andere Idee gekommen, und zwar das Ganze per css zu lösen.
Dieses steht (etwas vereinfacht) im HTML:
<div id="kopf">
<h1><a href="http://www.gabis-bloghaeuschen.de"> <span> Gabis BLOGhäuschen </span></a></h1>
</div>
Und das in der css:
#kopf {
width: 729px;
height: 115px;
background: url(bilder/kopfbild.jpg>) no-repeat;
}
#kopf a {
display: block;
width: 729px;
height: 115px;
background: url(images/header/unsichtbar.gif);
}
h1 span {
display:none;
}
Es wird ein transparentes Bild über die eigentliche Grafik gelegt und diese ist verlinkt. “display:block” ermöglicht es, Länge und Breite übereinstimmend mit der Headergrafik festzulegen, das funktioniert mit einem inline-Element nämlich nicht.
Ähnliche Beiträge:
- Keine ähnlichen Beiträge
Diesen Beitrag bookmarken:
2 Kommentare
-
stoffel sagt: Danke Dir für den Tipp … hatte selbst schon ewig gegrübelt wie das machbar ist
LG
stoffel
Hallo Gabi,
zum guten Ton gehört es auch, eine Seite NICHT mit sich selbst zu verlinken. D.h., auf der Startseite darf die header-Grafik eben kein Link sein.
Mit ein paar Zeilen PHP ist so etwas einfach zu lösen.
LG
Fritz