[Erledigt] Hover funktioniert nur teilweise

MrVienna · 12.11.2010, 10:28

Guten Tag

Mein Problem erscheint mir einfach, trotzdem finde ich nicht die Lösung:

Ich habe mehrere Div‘s dieser Art erstellt.

Code:

#Box15_2
{ width:8em;height:8.4em;float:left;}

Diese Container liegen in einem größeren Container eingebettet und beinhalten je ein Bild. Beim Überfahren mit der Maus sollte jetzt das jeweilige Bild mitsamt dem Container doppelt so groß dargestellt werden.

Mein css-Versuch

Code:

<style type="text/css"> .gr:hover {position:fixed; left:30em; top:1em; width:16em; height:16.8em;}</style>

Und in htm

Code:

<div id="Box15_2"class="gr">

Wenn ich jetzt das Bild mit der Maus überfahre, so wird das Bild mitsamt dem Container an die angegebene Stelle gesetzt, aber die Vergrößerung findet nicht statt.

Nebenbei flackert das Bild ziemlich nervös, solange der Cursor nicht ganz ruhig ist und das hover funktioniert nicht auf jeder Stelle des Bildes, was mir auch unklar ist.

Aber die Erklärung warum die Vergrößerung nicht funktioniert würde mich am meisten interessieren.

ChrisB · 12.11.2010, 10:41

Zitat:

Zitat von MrVienna

Aber die Erklärung warum die Vergrößerung nicht funktioniert würde mich am meisten interessieren.

Informiere dich, was es mit der Spezifität von Selektoren auf sich hat.

http://www.w3.org/TR/CSS21/cascade.html#specificity

MrVienna · 12.11.2010, 10:58

@ChrisB

Danke für die Antwort. Werde gleich dem Link folgen und Ursachenforschung betreiben.

MrVienna · 13.11.2010, 09:55

Nun habe ich mich - etwas verspätet - mit der Spezifität von Selektoren beschäftigt. Konnte aber keine Lösung für mich finden.

Ich glaube, ich werde doch auf das von mir ungeliebte js zurückgreifen müssen.

ChrisB · 13.11.2010, 12:45

Zitat:

Zitat von MrVienna

Nun habe ich mich - etwas verspätet - mit der Spezifität von Selektoren beschäftigt.

Und was hast du dabei herausgefunden?
Allgemein, und in Bezug auf dein konkretes Problem?

Zitat:

Konnte aber keine Lösung für mich finden.

Wenn man Spezifität verstanden hat, liegt die Lösung doch auf der Hand.

Zitat:

Ich glaube, ich werde doch auf das von mir ungeliebte js zurückgreifen müssen.

Nein, sicher nicht.

MrVienna · 13.11.2010, 17:12

Zitat:

Wenn man Spezifität verstanden hat, liegt die Lösung doch auf der Hand.

Das konnte ich natürlich nicht auf mir sitzen lassen.

Alles klar. Der vorige id-Selector war höherwertig, als der nachfolgende class-Selector.

Ich habe die 'id' in 'class' umgewandelt und nun funktioniert es.

Danke für den Hinweis.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Kein Hover auf Bildlinks	Der_Seb	HTML, Usability und Barrierefreiheit	32	06.11.2010 12:46
[Erledigt] str_replace funktioniert nur lokal	Cogax	PHP Tipps 2010	19	27.10.2010 21:28
Code funktioniert plötzlich nicht mehr nach Serverumzug	Hawk	PHP Tipps 2010	4	18.08.2010 08:12
unlink() funktioniert nicht/nur teilweise.	HCi	PHP Tipps 2010	6	05.08.2010 14:51
Verschlüsselung funktioniert nicht richtig	netmario	PHP Tipps 2010	2	19.05.2010 22:57
php session funktioniert nur Teilweise???	hein	PHP Tipps 2010	13	12.03.2010 16:49
[Erledigt] Datensatzsuche funktioniert teilweise	ctacont	PHP Tipps 2009	5	22.12.2009 10:35
mod_rewrite mit slash/ohne slash funktioniert nur teilweise	taurus	Server, Hosting und Workstations	4	13.09.2009 12:57
Verständnissfrage - Login funktioniert mal, und dann wieder nicht.	Larkin	Off-Topic Diskussionen	3	14.08.2009 20:27
[ERLEDIGT]PHP while-Schleife für Ausgabe funktioniert plötzlich nicht	fuckinghot19	PHP Tipps 2009	6	05.06.2009 22:28
[Erledigt] Umlaute ersetzen funktioniert nicht richtig	BlackSpirit	PHP Tipps 2009	19	20.04.2009 12:04
send button funktioniert nicht, finde fehler nicht	selma123	PHP Tipps 2008	3	17.09.2008 11:57
Session funktioniert nicht bei session.use_cookies = Off	Quagga	PHP Tipps 2007	13	13.01.2007 18:27
Php Gästebuch funktioniert nicht auf dem Server		PHP Tipps 2005	13	21.04.2005 22:11
Dateien erstellen oder schreiben funktioniert nicht im Web		PHP Tipps 2004-2	1	05.12.2004 19:39

12.11.2010, 10:28
MrVienna Erfahrener Benutzer Registriert seit: 29.07.2009 Beiträge: 143 PHP-Kenntnisse: Anfänger	[Erledigt] Hover funktioniert nur teilweise Guten Tag Mein Problem erscheint mir einfach, trotzdem finde ich nicht die Lösung: Ich habe mehrere Div‘s dieser Art erstellt. Code: #Box15_2 { width:8em;height:8.4em;float:left;} Diese Container liegen in einem größeren Container eingebettet und beinhalten je ein Bild. Beim Überfahren mit der Maus sollte jetzt das jeweilige Bild mitsamt dem Container doppelt so groß dargestellt werden. Mein css-Versuch Code: <style type="text/css"> .gr:hover {position:fixed; left:30em; top:1em; width:16em; height:16.8em;}</style> Und in htm Code: <div id="Box15_2"class="gr"> Wenn ich jetzt das Bild mit der Maus überfahre, so wird das Bild mitsamt dem Container an die angegebene Stelle gesetzt, aber die Vergrößerung findet nicht statt. Nebenbei flackert das Bild ziemlich nervös, solange der Cursor nicht ganz ruhig ist und das hover funktioniert nicht auf jeder Stelle des Bildes, was mir auch unklar ist. Aber die Erklärung warum die Vergrößerung nicht funktioniert würde mich am meisten interessieren.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.11.2010, 10:58
MrVienna Erfahrener Benutzer Registriert seit: 29.07.2009 Beiträge: 143 PHP-Kenntnisse: Anfänger	@ChrisB Danke für die Antwort. Werde gleich dem Link folgen und Ursachenforschung betreiben.

13.11.2010, 09:55
MrVienna Erfahrener Benutzer Registriert seit: 29.07.2009 Beiträge: 143 PHP-Kenntnisse: Anfänger	Nun habe ich mich - etwas verspätet - mit der Spezifität von Selektoren beschäftigt. Konnte aber keine Lösung für mich finden. Ich glaube, ich werde doch auf das von mir ungeliebte js zurückgreifen müssen.