✔ Problem mit Hovereffekt in Grafik

J

julchen

Erfahrenes Mitglied
Hallo,
ich habe eine große Grafik als Gesamtimage. Dort möchte ich mittels hover Effekt bei verschiedenen Positionen eine Vergrößerung der Grafik einblenden lassen. So weit gehts auch, aber ich kann die Positionen nicht fixieren. Das heisst je nach Bildschirm verschiebt sich die Vergrößerung der Grafik und bleibt nicht genau über der Position die ich gerne hätte.

Hier ist die Grafik mit Hover-Effekt:

http://www.assedo.de/...corepower/index.html

Wer kann mir bitte helfen?

Gruss
Holli
 
julchen hat gesagt.:
Hier ist die Grafik mit Hover-Effekt:

http://www.assedo.de/...corepower/index.html

Wer kann mir bitte helfen?
Zum Vergrößern anklicken....
In den viereinhalb verstrichenen Stunden bislang niemand, denn der genannte Link funktioniert in dieser Form überhaupt nicht.

Den verlorenen halben Arbeitstag hätte ich produktiver genutzt, anstatt in einem Forum / mehreren Foren auf Antwort wegen einem vermeintlich klitze-kleinen Seitendetail zu warten ;-)
 
Zuletzt bearbeitet:
Wäre von deiner Seite schon kooperativ gewesen, hier auch den relevanten Quellcode-Auszug (HTML + CSS) zu posten, und uns nicht der Suche danach selbst zu überlassen, insbesondere im umfangreichen CSS, das sich über mehrere Dateien verteilt :rolleyes:

Ich bin hier dann wieder schneller raus, als es dir lieb ist - frei nach dem Motto: "Gibst du dir keine Mühe, geb' ich sie mir auch nicht".

Ohne das CSS betrachtet zu haben, tippe ich auf eine fehlende position:relative-Regel für die Mutterbox (z.B. "content_index" als oberstes Parent), damit sich die absoluten Positionsangaben der in ihr befindlichen "Hover-Boxen" auf ihre Boxenränder, und nicht auf die des Viewports (i.d.R. <body>) beziehen.

Auf diese Weise ist die absolute Position der einzelnen Hover-Grafiken unabhängig von der jeweiligen Browerfenstergröße, weil die sich nun relativ zur Position des Elternelements verhält.

Zum Eigenstudium dieser Technik empfehle ich dir abschließend http://www.brunildo.org/test/#pop, deren Beispiele auch nicht von einer "exakten" Browserfenstergröße abhängig sind, damit die jeweiligen CSS-Popups die anvisierte Position beibehalten.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück