Seite 1 von 1

style=position:fixed; Anker verschwinden darunter

Verfasst: 23.01.2012, 22:00
von euroexchange.de
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.

Verfasst:
von

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

Verfasst: 23.01.2012, 23:01
von euroexchange.de
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

Verfasst: 23.01.2012, 23:07
von mano_negra
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.

Verfasst:
von
SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Verfasst: 23.01.2012, 23:12
von euroexchange.de
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!

Verfasst: 23.01.2012, 23:18
von mano_negra
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>

Verfasst: 23.01.2012, 23:20
von mano_negra
aja habs gesehen. funktionieren tuts, aber die top-links sind halt weg.

Verfasst: 23.01.2012, 23:31
von euroexchange.de
Einwenig "visibility:hidden;" dazu und es ist i.O.

Ich habe ja oben rechts noch eine Sprungmarke zur Galerie :-)

Vielen Dank.

Verfasst: 23.01.2012, 23:36
von mano_negra
ah genau. und nachdem die eh die ganze zeit eingeblendet ist sollte das auch reichen. :wink:

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

Verfasst: 23.01.2012, 23:48
von mano_negra
haha jetzt hab ich live mitbekommen wie du ein paar sachen ausprobiert hast.
aber ich finds jetzt besser, sieht man jetzt viel deutlicher.

Verfasst: 23.01.2012, 23:51
von euroexchange.de
Danke für den Hinweis. Ja, größer is´ besser :-)

Verfasst: 25.01.2012, 17:24
von euroexchange.de
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