nicht angemeldet
Mouseover mit CSS Problem in Firefox
Hallo ich hoffe ich strapaziere nicht eure Nerven mit diesem Thema, da es vll. schon dutzende Leute hatten. Aber ich versuchs einfach mal. Mein Problem ist das meine Mouseover-buttons in sämtlichen Browsern(IE,Opera,Safari) aber nicht in Firefox(Max/Windows) angezeigt werden. Zu sehen hier:
http://pepe.mynhl.net/Site/
Hier ist mein Quelltext!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/Infostyle.css">
<title>
Pepe ArT
</title>
</head>
<body>
<div id="block">
<div id="toolbar">
<a id="welcome" href="index.html"></a>
<a id="welcome2" href="index.html"></a>
</div>
</body>
</html>
Und hier die CSS
#block {
font-family: Helvetica, Geneva, Arial, sans-serif;
background: #ffffff;
max-width: 705px;
height: 600px;
}
#toolbar {
max-width: 1000px;
height: 600px;
}
#welcome {
display:inline-block;
background-image: url(../images/inactive.gif);
width:200px;
height:160px
}
#welcome:hover {
background-image: url(../images/active.gif);
}
#welcome2 {
display:inline-block;
background-image: url(../images/inactive2.gif);
width:200px;
height:160px
}
#welcome2:hover {
background-image: url(../images/active2.gif);
}
Ich hoffe ihr könnt mir helfen. Mir ist wichtig das ich die mousover buttons ausrichten kann damit alles später einmal so aussieht:
http://pepe.mynhl.net/
Hoffe ihr könnt mir helfen. Und ich entschuldige mich schonmal für mögliche Reposts etc.
Ciao
-
Hallo!
In deinem Code habe ich beim Überfliegen keinen Fehler gefunden. Deswegen wäre es gut, wenn du uns einen korrekten Link postest.
http://pepe.mynhl.net/Site/
Da kommt nichts.
http://pepe.mynhl.net/
Und da nur ein "coming soon".
ciao, ww
--
Ein japanisch-deutsches Gedicht
sh:( fo:| ch:~ rl:( br:> n4:~ ie:% mo:) va:) de:] zu:) fl:( ss:| ls:~ js:)-
Hallo!
In deinem Code habe ich beim Überfliegen keinen Fehler gefunden. Deswegen wäre es gut, wenn du uns einen korrekten Link postest.
http://pepe.mynhl.net/Site/
Da kommt nichts.
http://pepe.mynhl.net/
Und da nur ein "coming soon".
ciao, ww
genau das is ja mein problem.
die mouseover buttons werden im firefox nicht angezeigt.
wenn du ie nimmst müsste da (http://pepe.mynhl.net/Site/) was zu finden sein-
Hallo!
In deinem Code habe ich beim Überfliegen keinen Fehler gefunden. Deswegen wäre es gut, wenn du uns einen korrekten Link postest.
http://pepe.mynhl.net/Site/
Da kommt nichts.
http://pepe.mynhl.net/
Und da nur ein "coming soon".
ciao, ww
genau das is ja mein problem.
die mouseover buttons werden im firefox nicht angezeigt.
wenn du ie nimmst müsste da (http://pepe.mynhl.net/Site/) was zu finden seinHi,
Ich hab mal kurz rumgespielt. Offenbar macht der Firefox wegen dem inline-block Probleme. Da die Eigenschaft erst in CSS 2.1 eingeführt wurde könnte es sein, dass der IE dass noch nicht kennt und es deshalb unabsichtlich so macht, wie du das wolltest.
Mach mal ein display:block für deine Grafiken zusammen mit einem float:left, das sorgt für den gleichen grafischen Effekt.
Viel Spaß weiterhin.
Michael
-
ui super! Dankeschön!!!!!! :)
-
-
-
-
hi:D
da fehlen die einfachen anführungszeichen probiers damit:D
background-image: url(../images/inactive.gif)
----> so!!!! background-image: url('../images/inactive.gif')
:D