CSS/Bilder: Unterschied zwischen den Versionen
K (Restaurationsversuch aus einem Newsfeed-Archiv ;-)) |
(kein Unterschied)
|
Version vom 1. August 2007, 23:23 Uhr
Bild mit Link versehen
Als Beispiel dient der Header von www.yehudi.de Dieser soll mit einem Link versehen werden:
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; }