✔ Problem mit Hover bei class

B

Browser-zocker

Mitglied
HI sry wenns falsche Überschrift ist wusst net wie ichs nennen soll hier erst einmal ein Code
Code: 
<style type="text/css">
fieldset {
background-color: green;
}
fieldset:hover {
background-color: #42EE8A;
}
.feld2 {
background-color: white;
}
.feld2:hover {
background-color: blue;
}
a {
background-color: grey;
outline: none;
}
a:hover {
background-color: #55fb33;
color: black;
outline: none;
font-size: 18pt;
}

a:active: {
text-decoration: none;
outline: none;
color:blue;
}
legend {
background-color: white;
}
</style>



Das ist der Code mit dem Problem
Code: 
.feld2 {
background-color: white;
}
.feld2:hover {
background-color: blue;
}
wie geht dieses .feld2 mit hover? oder geht es gar nicht




schon mal danke

Lg
Browser-Zocker
 
Du musst erst noch die Linkklasse von feld erstellen: a.feld und dann alles was die Klasse als Link haben soll.
 
Zuletzt bearbeitet:
ich hab Firefox neueste Version

@TarAldarion

meinst du das so?
Code: 
a:feld2 {
background-color: violett;
}

Hab ne Idee ich zeig euch mal den Code der ganzen Seite
Code: 
<html>
<head>
<style type="text/css">
fieldset {
background-color: green;
}
fieldset:hover {
background-color: #42EE8A;
}
.feld2 {
background-color: white;
}
.feld2:hover {
background-color: blue;
}
a {
background-color: grey;
outline: none;
}
a:feld2 {
background-color: violett;
}
a:hover {
background-color: #55fb33;
color: black;
outline: none;
font-size: 18pt;
}

a:active: {
text-decoration: none;
outline: none;
color:blue;
}
legend {
background-color: white;
}
</style>
</head>





<body bgcolor="#FFCC00" >
<fieldset><legend>HTML</legend>
<a href="" target="haupt">bla</a><br>
<a href="" target="haupt">bla</a><br>
<a href="" target="haupt">blabla</a><br>
</fieldset>

<fieldset class="feld2">
blablabla
<a href="">bla</a>
</fieldset>
Lg nd thx
Browser-Zocker
 
Hi.

Also mit Google Chrome funktioniert's erwartungsgemäß.

Bist du sicher, das der FF auch die neueste Version lädt? Ansonsten leer mal den Cache.

Gruß
 
ja ich bin mir sicher

bloß Google Chrome darf ich nicht bei mir installieren mein Vater will es nicht^^


schade


thx

Browser-Zocker

aber ich noch ne idee


kann man i-wie es so machen dass man so etwas hat:
Code: 
feld {

}
und dem Feld sagt dass er sozusagen ein Klon von fieldset ist

geht das?
 
So müsste es eigentlich gehen. Das es nicht geht kann auch daran liegen das du als HIntergrundfarbe violett stehen hast. Mit hexas bist du immer auf der sicheren Seite.

Code: 
a.feld2:hover {
background-color: violett;
}
 
also das mit den Links geht jetzt nur noch nicht das sich der Hintergrund von feld2 bei Hover ändert
Code: 
.feld2 {
background-color: #ffffff;
}
.feld2:hover {
background-color: #bbbbbb;
}
das geht halt noch nicht (das .feld2 schon nur das .feld2:hover geht nicht)

wenn ihr das noch hinbekommt bin ich sprachlos


lg
Browser-Zocker
 
Code: 
a.feld2 {
background-color: #ffffff;
}
a.feld2:hover {
background-color: #bbbbbb;
}

Versuchs mal mit diesem Code. Das muss eigentlich gehen.
 
TarAldarion hat gesagt.:
Code: 
a.feld2 {
background-color: #ffffff;
}
a.feld2:hover {
background-color: #bbbbbb;
}

Versuchs mal mit diesem Code. Das muss eigentlich gehen.
Zum Vergrößern anklicken....
Damit sprichst du aber nur ein a Element welches die Klasse "feld2" hat an. Das ist nicht das was gewünscht ist.

Es sollte eigentlich so funktionieren wie Browser-zocker in Beitrag 6 gepostet hat.

@Browser-zocker: Gibt es denn irgendwelche Fehlermeldungen in der Fehlerkonsole vom FF?

Gruß
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück