|
|||
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 |
|
|||
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 |