| |
Vorheriges Thema:
Nächstes Thema: |
| Autor |
Nachricht |
smitti
Anmeldungsdatum: 23.06.2005
Beiträge: 1
|
 Verfasst am: 23.06.2005 17:23:12 Titel: Probleme mit Firefox |
 |
|
ich ein menü mit einem hover-effect gemacht. in ein div (so groß wie das halbe menübild) wird das bild bei einem hover mit der maus verschoben.
im iexplorer funktioniert auch alles super, im firefox macht der auf der seite immer so ein komisches rechteck ganz rechts und deswegen funktioniert das mit den verschieben nicht. hoffentlich kann mir jemand helfen, vielleicht habe ich etwas wichtiges übersehen.
hier das HTML:
| Code: |
<html>
<head>
<title>Menu</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<ul id="menuetop">
<li id="home"><a href="#">Home</a></li>
<li id="spiele"><a href="#">Spiele</a></li>
<li id="bilder"><a href="#">Bilder</a></li>
<li id="ergebnisse"><a href="#">Spielergebnisse </a></li>
<li id="book"><a href="#">Gästebuch</a></li>
<li id="end"><a></a></li>
</ul>
</body>
</html>
|
das CSS:
| Code: |
body
{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
#menuetop
{
position:relative;
height:30px;
martin:0;
clear:both;
background:#fff url(men.png) left top no-repeat;
left:90px;
top:0px;
width:1000px;
}
#menuetop ul, #menuetop li
{
margin:0;
padding:0;
list-style-type: none;
}
#menuetop ul
{
margin:0;
padding:0;
position:absolute;
top:20px;
height:30px;
}
#menuetop li
{
float:left;
margin:0;
padding:0;
}
#menuetop li a
{
display:block;
height:30px;
width:123px;
color:#FFFFFF;
text-decoration:none;
border-left:2px solid #FFF;
text-align:center;
padding:6px;
font-weight:bold;
}
#end li a{border-left:2px solid #FFF;}
/*#menuetop a:hover
{
color:#fff;
background:transparent url(men.png) top left no-repeat;
}*/
#home a:hover{background:url(men.png) -3px -30px no-repeat; color: #FFFF00;} /*die 3px weil das untere bild, warum auch immer, nicht gleich wie das obere ist*/
#spiele a:hover{background:url(men.png) -125px -30px no-repeat;color: #FFFF00;}
#bilder a:hover{background:url(men.png) -248px -30px no-repeat;color: #FFFF00;}
#ergebnisse a:hover{background:url(men.png) -371px -30px no-repeat;color: #FFFF00;}
#book a:hover{background:url(men.png) -494px -30px no-repeat;color: #FFFF00;}
|
hier ist das bild für das menü, es ist das bild in der mitti mit dem puck auf der linken seite (die zwei blauen streifen) weiß leider nicht wie ich ein bild mit uploaden kann 
http://members.aon.at/jebnerju/page_2_1.html |
|
| Nach oben |
|
 |
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|
FAQ
Suchen
Mitgliederliste
Benutzergruppen
Registrieren
Profil
Einloggen, um private Nachrichten zu lesen
Login
