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