tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
213
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    julchen julchen ist offline Mitglied Platin
    Registriert seit
    Mar 2004
    Beiträge
    576
    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
     

  2. #2
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    Zitat Zitat von julchen Beitrag anzeigen
    Hier ist die Grafik mit Hover-Effekt:

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

    Wer kann mir bitte helfen?
    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
    Geändert von spicelab (18.08.11 um 15:49 Uhr)
     

  3. #3
    julchen julchen ist offline Mitglied Platin
    Registriert seit
    Mar 2004
    Beiträge
    576
    Sorry, hier ist der korrekte Link:

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

  4. #4
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    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

    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.
    Geändert von spicelab (18.08.11 um 16:41 Uhr) Grund: Tipp-Ex
     

  5. #5
    julchen julchen ist offline Mitglied Platin
    Registriert seit
    Mar 2004
    Beiträge
    576
    Danke, jetzt klappt es.
     

Ähnliche Themen

  1. Unsichtbare Scrollbar mit Hovereffekt
    Von mauzirone im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 21.08.10, 23:30
  2. Linkfarbe in Hovereffekt einbeziehen
    Von kjus im Forum CSS
    Antworten: 2
    Letzter Beitrag: 13.08.08, 10:14
  3. Hovereffekt über mehrere tds
    Von notebook20000 im Forum CSS
    Antworten: 1
    Letzter Beitrag: 08.05.07, 16:33
  4. Hovereffekt wie gemacht?
    Von Iwein im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 11.04.03, 16:25
  5. besonderer hovereffekt****
    Von wo0zy im Forum CSS
    Antworten: 18
    Letzter Beitrag: 26.09.01, 22:28