Imagemap und Sprungmarken

[grafikbotschaft]

Kann man hier (siehe Link) irgendwie Sprungmarken setzen von dem hover in der imagemap runter zum jeweiligen Text?
Meine Kollegin hat das jetzt irgendwie über insertTag gelöst...

Smarter fände ich allerdings einfach einen Anker.

Kann jemand helfen???

[grafikbotschaft]

lässt mich den link nicht hochladen... siehe Screenshot

[Tim]

Hi,
mal ausgehend von dem Standard Imagemap Element. Kannst du im Texteditor einen Link definieren mit einem Anker.
Ich würd's so machen:

[grafikbotschaft]

und bei #meinAnker setze ich statt "meinAnker" dann welche ID ein? Die ID des Artikels oder eine ID, die ich über die eigene CSS Einstellungen im ARtikel vergeben kann.

[grafikbotschaft]

okay funktioniert !! wir haben es über eine eigene ID gelöst und springen nun dort hin.

Einziges Problem... jetzt ist der Header im weg!!

Hast Du oder hat jd hier noch einen Trick wie man das über CSS fixed ohne die kompletten Abstände kaputt zu machen....

[Tim]

okay funktioniert !! wir haben es über eine eigene ID gelöst und springen nun dort hin.

Einziges Problem... jetzt ist der Header im weg!!

Hast Du oder hat jd hier noch einen Trick wie man das über CSS fixed ohne die kompletten Abstände kaputt zu machen....

Jetzt ist man schon bei Javascript.

[grafikbotschaft]

oh nein.... ((

[grafikbotschaft]

dem anker irgendwie eine Position absolute geben und vom top dann abstand halten ?

[Tim]

dem anker irgendwie eine Position absolute geben und vom top dann abstand halten ?

Maximal dem Element mit dem Anker ein Padding-top oder Margin-top verpassen, damit der stickyheader sichtbar bleibt. Sonst knall ein Script rein.

Hier habe ich mein allgemeingültiges Script mal preisgegeben - das sieht einen Versatz vor.

http://forum.premium-contao-themes.c...=3503#post3503

[grafikbotschaft]

das hatte ich versucht, nachteil: dann ist der Padding aber immer da. nicht nur nach dem sprung !!

[grafikbotschaft]

und wo genau würde ich dieses Script reinknallen ??

[grafikbotschaft]

Vielen Dank für die Info !!!!

Das testen wir mal. Wir haben es jetzt Quick&Dirty gelöst.

Wir haben vor dem article, zu dem der Punkt der imgMap springen soll, einfach eine Trennlinie eingefügt und dieser die Sprungmarke gegeben.

Falls es jd nachbauen mag

VG und Fall gelöst