style=position:fixed; Anker verschwinden darunter

Beitrag von **euroexchange.de** » 23.01.2012, 22:00

Hallo @all.

Habe auf der Seite https://www.artikelunion.de das Problem, das ich oben einen Bereich "fixed" habe und beim Sprung die Ankermarken darunter verschwinden.

Die Ankerpunkte werden natürlich am oberen Fensterrand ausgerichtet und sind so um die Höhe des "fixed"-Bereiches verschoben.

Beim Klick auf ein Bild in der Galerie oben springt der Besucher zum jeweiligen Artikel mit den nötigen Details. Die Anker sind jeweils die kleinen blauen Pfeile.

Ein Leerraum zwischen Ankern und Artikeldetails kommt nicht in Frage, da diese zu groß wären.

Hat vielleicht jemand eine Idee wie dieses Problem in den Griff zu bekommen wäre?

Danke.

von **Anzeige von ABAKUS** »

Hochwertiger Linkaufbau bei ABAKUS:

Google-konformer Linkaufbau
nachhaltiges Ranking
Linkbuilding Angebote zu fairen Preisen
internationale Backlinks

Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Beitrag von **euroexchange.de** » 23.01.2012, 23:01

Gelöst mit:

style=display:block;position:relative;top:-130px;visibility:hidden;

Ich hoffe, das es in allen Browsern funktioniert und bin für Hinweise bezgl. Fehlfunktionen bzw. Fehldarstellungen dankbar.

LG
Stephan

Beitrag von **mano_negra** » 23.01.2012, 23:07

ja mit postion relative und top:-...px hätte ich es auch gemacht.
allerdings weiss ich nicht was das display block und visibility hier verloren haben.

von **Anzeige von ABAKUS** »

Beitrag von **euroexchange.de** » 23.01.2012, 23:12

Hallo mano.

Danke für Deine Antwort.

Visible, weil die Ankermarken sonst sichtbar irgendwo über den Artikeln liegen und das Desing zerstören würden.
Block, bin ich mir selbst nicht sicher. Ich versuche es jetzt testweise mal ohne.

LG
Stephan

Nachtrag: Stimmt. Block braucht es nicht. Danke!

Beitrag von **mano_negra** » 23.01.2012, 23:18

das problem, du hast die ankermarke im top-anker-link untergebracht.
wenn du das trennst und nur die ankermarke so setzt
<a name="xyz"></a>
kannst du es mit position:relative;top:-130px positionieren ohne dass das design zerstört wird.
also
<a style="position:relative;top:-130px" name="xyz"></a>

Beitrag von **mano_negra** » 23.01.2012, 23:20

aja habs gesehen. funktionieren tuts, aber die top-links sind halt weg.

Beitrag von **euroexchange.de** » 23.01.2012, 23:31

Einwenig "visibility:hidden;" dazu und es ist i.O.

Ich habe ja oben rechts noch eine Sprungmarke zur Galerie

Vielen Dank.

Beitrag von **mano_negra** » 23.01.2012, 23:36

ah genau. und nachdem die eh die ganze zeit eingeblendet ist sollte das auch reichen.

(allerdings hätte ich die gar nicht gefunden, wenn du es nicht gesagt hättest

)

Beitrag von **mano_negra** » 23.01.2012, 23:48

haha jetzt hab ich live mitbekommen wie du ein paar sachen ausprobiert hast.
aber ich finds jetzt besser, sieht man jetzt viel deutlicher.

Beitrag von **euroexchange.de** » 23.01.2012, 23:51

Danke für den Hinweis. Ja, größer is´ besser

Beitrag von **euroexchange.de** » 25.01.2012, 17:24

Nochmal eine Frage zu Navigation und "Usability".

Oben - im fixierten Bereich - gibt es ja Elemente wie:

Sortierung, Zufallsauswahl, Rubrik, Unterrubik (bei Auswahl einer Hauptrubrik) und den Suchbegriff als solchen.

Ist dies von der Benutzerfreundlichkeit so i.O., also für den Besucher leicht zu verstehen?

Ich danke Euch für Hinweise und Anregungen.

LG
Stephan