nicht angemeldet
Hover zusammenfassen?
0 0 
Gunnar Bittersmann
Hover zusammenfassen?
hat jemand eine idee wie ich mit einem hover alle hover derselben klasse zeitgleich ansteuern kann?
also meinetwegen so:
ich hab drei links.. die haben die klasse class="link" und wenn ich mit der maus über einem bin, das ALLE mit der klasse 'mitaufleuchten'
oder geht sowas nicht?
-
Hi,
ich hab drei links.. die haben die klasse class="link" und wenn ich mit der maus über einem bin, das ALLE mit der klasse 'mitaufleuchten'
so:
.link:hover {
}
MfG
Napster-
Sorry falsch verstanden.
Nein, mit Css nicht
-
-
@@Solitär:
nuqneH
ich hab drei links.. die haben die klasse class="link"
Ziemlich unsinniger Klassenbezeichner.
und wenn ich mit der maus über einem bin, das ALLE mit der klasse 'mitaufleuchten'
Welchen Sinn hat das?
oder geht sowas nicht?
Allgemein geht’s nicht mit CSS, da müsstest du mit JavaScript ran (ein Framework wie jQuery könnte sich dazu anbieten).
BTW,
:hoverlässt sich nicht nur auf 'a'-Elemente anwenden.Qapla'
--
Volumen einer Pizza mit Radius z und Dicke a: pi z z a-
Hi,
Allgemein geht’s nicht mit CSS, da müsstest du mit JavaScript ran (ein Framework wie jQuery könnte sich dazu anbieten).
Son Quatsch natürlich geht das auch mit CSS wenn du die Klassen schachtelst:
h1:hover .pics { width:200px; height:200px; }
h1:hover { background-color:silver; }im Beispiel wird das Element der Klasse pics breiter wenn man über das darunter liegende h1 Element fährt.
h1 .pics:hover { width:300px; height:300PX; }
Ausserdem hat .pics eine eigene Staubsaugefunktion die später definiert werden muss da sie spezieller ist :)
LG
-
@@anyone:
nuqneH
Allgemein geht’s nicht mit CSS, da müsstest du mit JavaScript ran (ein Framework wie jQuery könnte sich dazu anbieten).
Son Quatsch natürlich geht das auch mit CSS wenn du die Klassen schachtelst:
Falsch.
h1:hover .pics { width:200px; height:200px; }
h1:hover { background-color:silver; }im Beispiel wird das Element der Klasse pics breiter wenn man über das darunter liegende h1 Element fährt.
Der Effekt soll nicht auftreten, wenn man irgendwo über h1 hovert, sondern nur, wenn man über ein Element der Klasse "pics" hovert (bei Solitär war’s noch "link").
h1 .pics:hover { width:300px; height:300PX; }
Ausserdem hat .pics eine eigene Staubsaugefunktion die später definiert werden muss da sie spezieller ist :)
Der Effekt soll, wenn man über ein Element der Klasse "pics" hovert, auf alle Elemente der Klasse "pics" wirken.
Also nochmal: Das geht mit CSS nicht.
Qapla'
--
Volumen einer Pizza mit Radius z und Dicke a: pi z z a-
Hi,
Der Effekt soll nicht auftreten, wenn man irgendwo über h1 hovert, sondern nur, wenn man über ein Element der Klasse "pics" hovert (bei Solitär war’s noch "link").
Mit Elementen der gleichen Klasse gehts tatsächlich nicht aber mit Elementen einer unterklasse funktioniert es. Vielleicht hilft dass ja auch weiter:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>:link, :visited, :focus, :hover, :active</title>
<style type="text/css">h1:hover .pics { width:200px; height:200px; }
h1:hover { background-color:silver; }
h1 .pics:hover { width:300px; height:300PX; }</style>
</head><body><h1 class="h1">Wenn man mit der Maus über dieses erste Element fährt wird auch beim IE die grösse des zweiten Elementes verändert. Das zweite Element hat nochmal eine eigene Klasse mit eigenem Staubsauger (Hover).
<img src="test.gif" height="10" width="10" class="pics"> <img src="test.gif" height="10" width="10" class="pics"></h1></body></html>
-
Hi,
Der Effekt soll nicht auftreten, wenn man irgendwo über h1 hovert, sondern nur, wenn man über ein Element der Klasse "pics" hovert (bei Solitär war’s noch "link").
Mit Elementen der gleichen Klasse gehts tatsächlich nicht aber mit Elementen einer unterklasse funktioniert es. Vielleicht hilft dass ja auch weiter:
h1 .pics:hover { width:300px; height:300PX; }
Das bezieht sich immer noch auf genau das eine Element mit der Klasse "pics", dass sich innerhalb einer h1-Überschrift befindet, und das gerade gehovert wird.
Andere Elemente, die ebenfalls die Klasse "pics" haben und sich ebenfalls innerhalb von h1 befinden, werden damit nicht angesprochen.MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
-
-
-
-