Mouseover funktioniert nicht (externe Methode)

blackhtml · 6 April 2009

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

prm · 7 April 2009

1. Liegen die Bilder ach auf dem Webspace?
2. Es könnte an deiner Ordnerstruktur auf dem Webspace liegen:
Wo befindet sich der Ordner img? Falls im gleichen Verzeichnis wie der Ordner css, dann müsste der Pfad so lauten:

background:url(../img/logo.png);

Falls das nicht klappt, bitte einen Link posten.

blackhtml · 7 April 2009

Ja, das war es ja auch -> background:url(../img/logo.png);
Jetzt geht es.

Danke!

:grin:

Mouseover funktioniert nicht (externe Methode)

blackhtml

Neues Mitglied

prm

Aktives Mitglied

blackhtml

Neues Mitglied

Neueste Beiträge