nicht angemeldet
#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
Gunnar Bittersmann