css grafik verlinken
gernot
- css
0 Gunnar Bittersmann
0 wahsaga0 JB0 MichaL
hallo!
hätte folgende frage:
#logo {
width: 230px;
height: 40px;
margin-top: 75px;
margin-left: 96px;
background-image: url(../bilder/logo.gif);
}
hier ein auschnitt aus der css datei, kann ich direkt im css das logo auf die startseite verlinken??
bitte um antwort
lg gernot
Hello out there!
kann ich direkt im css das logo auf die startseite verlinken??
Nein. CSS kümmert sich nur um die Darstellung.
See ya up the road,
Gunnar
hi,
#logo {
width: 230px;
height: 40px;
margin-top: 75px;
margin-left: 96px;
background-image: url(../bilder/logo.gif);
}hier ein auschnitt aus der css datei, kann ich direkt im css das logo auf die startseite verlinken??
Wenn du diese Hintergrundgrafik verlinken willst, dann sollte #logo ein Link sein (bzw. eines seiner Kinder, welches auf die entsprechenden Maße aufgezogen und an der entsprechenden Position platziert wird).
gruß,
wahsaga
Hallo,
#logo {
width: 230px;
height: 40px;
margin-top: 75px;
margin-left: 96px;
background-image: url(../bilder/logo.gif);
}hier ein auschnitt aus der css datei, kann ich direkt im css das logo auf die startseite verlinken??
Nein. Das Logo verlinkst du mit src="" im img-Tag. Mit background-image:url() gibst Du HTML-Element ein Hintergrundbild (was mit bei einem Bild wenig sinnvoll erscheint).
#logo {
width: 230px;
height: 40px;
margin-top: 75px;
margin-left: 96px;
background-image: url(../bilder/logo.gif);
}
Hallo,
in der CSS (-Datei) nicht, aber:
<html>
...
<div id="logo">
<a href="foo.html"><img src="leer.gif" width="230" height="40" ... /></a>
</div>
...
leer.gif ist ein leeres, vollkommen transparentes gif. Dann ist das vom CSS generierte Bild "klickbar". Du kannst sogar mit #logo:hover ein klickbares Rollover erzeugen.
logo.gif sollte natürlich die gleichen Abmessungen haben.
Für ein Rollover nicht vergessen, das zweite Bild mit JavaScript oder
als 1x1 Pixel-Bild vorzuladen, sonst kommt es zu einer unschönen Verzögerung beim ersten hovern.
Ein Beispiel siehst du auf meiner Site http://dr-luthardt.de/ oben rechts, den CSS Rollover natürlich nicht im IE.
Ich hoffe, das hattest du gemeint/gewollt.
Michael