✔ CSS Problem :*(

Status
Nicht offen für weitere Antworten.
K

Kera

Grünschnabel
Hi @ all,
habe das Problem, dass der folgende Code nur im IE funktioniert:

Code: 
<html>
<head>
<style type="text/css">
<!--
a.1 { display:block;
background-image:url(buttons/home.gif);
width:174px; height:20px };
a.1:hover { background-image:url(buttons/homeroll.gif); }

a.2 { display:block;
background-image:url(buttons/registrieren.gif);
width:174px; height:20px };
a.2:hover { background-image:url(buttons/registrierenroll.gif); }

a.3 { display:block;
background-image:url(buttons/member.gif);
width:174px; height:20px };
a.3:hover { background-image:url(buttons/memberroll.gif); }

a.4 { display:block;
background-image:url(buttons/squads.gif);
width:174px; height:20px };
a.4:hover { background-image:url(buttons/squadsroll.gif); }

a.5 { display:block;
background-image:url(buttons/server.gif);
width:174px; height:20px };
a.5:hover { background-image:url(buttons/serverroll.gif); }

a.6 { display:block;
background-image:url(buttons/kalender.gif);
width:174px; height:20px };
a.6:hover { background-image:url(buttons/kalenderroll.gif); }
-->

</style>
</head>
<body>
<a class="1" href="index_full.php?cms=news"></a>
<a class="2" href="index_full.php?cms=reg"></a>
<a class="3" href="index_full.php?cms=mitglieder"></a>
<a class="4" href="index_full.php?cms=squads"></a>
<a class="5" href="index_full.php?cms=server"></a>
<a class="6" href="index_full.php?cms=kalender"></a>
</body>
</html>


brauche Hilfe :confused:
 
Danke für die Antwort,
hab die Zahlen 1-6 durch die Buchstaben a-f ersetz, jedoch funktioniert der hover effekt nicht:confused:
 
Entweder entfernst du das rotmarkierte Semikolon, oder du "schiebst" es in den Regelblock hinter die letzte CSS-Eigenschaft:

Code: 
a.a { display:block;
background-image:url(buttons/home.gif);
width:174px; height:20px };
a.a:hover { background-image:url(buttons/homeroll.gif); }

a.b { display:block;
background-image:url(buttons/registrieren.gif);
width:174px; height:20px };
a.b:hover { background-image:url(buttons/registrierenroll.gif); }

a.c { display:block;
background-image:url(buttons/member.gif);
width:174px; height:20px };
a.c:hover { background-image:url(buttons/memberroll.gif); }

a.d { display:block;
background-image:url(buttons/squads.gif);
width:174px; height:20px };
a.d:hover { background-image:url(buttons/squadsroll.gif); }

a.e { display:block;
background-image:url(buttons/server.gif);
width:174px; height:20px };
a.e:hover { background-image:url(buttons/serverroll.gif); }

a.f { display:block;
background-image:url(buttons/kalender.gif);
width:174px; height:20px };
a.f:hover { background-image:url(buttons/kalenderroll.gif); }
 
naja eigentlich läuft jetzt alles, bis auf den hover effekt.
Das Problem des hovers tritt aber nur bei Firefox auf ( läuft beim Inetexplorer.)

// EDIT

Danke! n1 ;) lag am Semikolon
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück