Frage stellen
Ich habe Problem mit Mouseover-Effekt (als Bild) und CSS.
Wenn ich den Code direkt lokal im HTML einbinde funktionier es, wenn ich es über externe CSS-Datei mache, funktioniert es nicht. Der Bereich funktioniert als Verlinkung aber die Grafik sieht man nicht.
Habe ich irgendwo Fehler?
Alle *.css befinden sich im Unterordner „css/…“
Alle Bilder im Unterordner „img/…“
-----------------------------------------
EXTERN -> funktioniert nicht:
-----------------------------------------
- Code: Alles auswählen
index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="de">
<head>
<title>Mouseovereffekt-mit-CSS</title>
<link rel="stylesheet" type="text/css" href="css/index.css" media="all" />
</head>
<body>
<div class="mouseover"><a class="mouseover" href="/" title="Ich bin der Mouseovereffekt"></a></div>
</body>
</html>
index.css:
.mouseover {
background:url(img/logo.png);
display:block;
width:340px; height:150px;
}
.mouseover a:hover {
background:url(img/logo2.png);
}
--------------------
INTERN -> funktioniert:
-------------------
- Code: Alles auswählen
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="de">
<head>
<title>Mouseovereffekt-mit-CSS</title>
<style type="text/css">
.mouseover { background:url(img/logo.png); display:block; width:100px;height:100px; }
.mouseover a:hover { background:url(img/logo2.png); }
</style>
</head>
<body>
<div class="mouseover"><a class="mouseover" href="/" title="Ich bin der Mouseovereffekt"></a></div>
</body>
</html>
Grüße
blackhtml
