XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Mouseover funktioniert nicht (externe Methode) (http://xhtmlforum.de/showthread.php?t=56576)

blackhtml 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

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

blackhtml 07.04.2009 17:49

Ja, das war der Fehler, jetzt geht es -> kleiner Fehler grosse Wirkung....

Danke!

:lol:


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:17 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020