06.04.2009, 22:56
|
|||
|
|||
Mouseover funktioniert nicht (externe Methode)
Hallo!
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:
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:
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(c.gif); display:block; width:100px;height:100px; }
.mouseover a:hover { background:url(c-hover.gif); }
</style>
</head>
<body>
<div class="mouseover"><a class="mouseover" href="/" title="Ich bin der Mouseovereffekt"></a></div>
</body>
</html>
Grüße blackhtml 
|
| Sponsored Links |
|
07.04.2009, 07:39
|
|||
|
|||
Wenn deine CSS-Datei im Verzeichnis /css liegt und deine Bilder in /img außerhalb von /css liegt, kann es ja auch nicht funktionieren. Es wird immer vom Verzeichnis der Datei ausgegangen. Du musst quasi ../img/bild.jpg scheiben.
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Mehrere externe CSS-Dateien einbinden - welche Methode ist empfehlenswert? | mcman | CSS | 18 | 13.09.2010 18:02 |
| Über Methode mit innerHTML Div verändern (funktioniert nicht) | 1chris | CSS | 6 | 28.03.2010 15:09 |
| Über Methode mit innerHTML Div verändern (funktioniert nicht) | 1chris | Javascript & Ajax | 2 | 26.03.2010 20:59 |
| Jquery Code für Mouseover etwas vereinfachen | connor | Javascript & Ajax | 8 | 07.03.2010 23:01 |
| dtd und css in php funktioniert im IE nicht!!! | da-lick | CSS | 17 | 09.06.2007 15:44 |
Linear-Darstellung
