zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Mouseover funktioniert nicht (externe Methode)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.04.2009, 22:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2009
Beiträge: 2
blackhtml befindet sich auf einem aufstrebenden Ast
Frage 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.04.2009, 07:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.397
regloh wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.04.2009, 17:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2009
Beiträge: 2
blackhtml befindet sich auf einem aufstrebenden Ast
Reden

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

Danke!

Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:50 Uhr.