CSS/Bilder

Bild mit Link versehen

Als Beispiel dient der Header von www.yehudi.de Dieser soll mit einem Link versehen werden (Unter Joomla funktioniert dieses Beispiel im Gegensatz zu den anderen, wird aber unter W3C als Fehler gesehen):

So sieht die Eintragung in der index.php oder dem html Dokument aus:

<a href="http://www.yehudi.de/"><div id="header"></div></a>

Im CSS steht dann dafür folgender Eintrag

#header {
padding: 0px;
margin-right: 0px;
width: 764px;
height: 170px;
background: url(../images/header.jpg) no-repeat;
}

Alternativ würde es jedoch auch auf folgendem Weg gehen:

<a class="grafik" href="http://www.yehudi.de/"></a>

Im CSS stünde dann dafür folgender Eintrag

.grafik {
padding: 0px;
margin-right: 0px;
width: 764px;
height: 170px;
background: url(../images/header.jpg) no-repeat;
}

was dann die gesamte Klasse "grafik" betreffen würde. Es ist jedoch auch möglich die Stylesheetinformationen auf genau ein Element in der Klasse zu begrenzen. Dies sähe dann für einen Link folgendermaßen im CSS aus:

a.grafik {
padding: 0px;
margin-right: 0px;
width: 764px;
height: 170px;
background: url(../images/header.jpg) no-repeat;
}

---

zurück zu CSS