[type1]

Hi!

Ich möchte eine Navigation erstellen, wie auf folgenden beiden Links strukturell ersichtlich wird:

http://www.charite.de/hges/php/content.php?top=03&sub=01
http://www.aller-weser-klinik.de/quadata.php

Variante zwei ist ohne Flash, Variante zwei hingegen Flash basierend.
Flash fällt aber aufgrund des nicht Vorhandenseins als Arbeitsmittel so lange raus, wie man das Problem auch ohne lösen kann.
Allerdings stellt mich Lösung zwei vor ein Problem: Die absolute Positionierung der Divs. Bei Auflösungsänderung führt das logischerweise zu einer Verschiebung der Elemente.

Ich als Noob (ich bitte mal vorsichtig um Verzeihung, das Niveau hier in der Nonprintecke nach unten zu verziehen) habe da also zwei Fragen:

1) Wie erstellt man eine solche Navigation technisch 'richtig' ohne Flash?
2) Ist nur per CSS überhaupt eine Realisierung denkbar?

Mit herzlichem Dank für die aufgewendete Rezeptionsleistung.

[Windhauch]

Nur mit CSS wirst du das nicht hinkriegen, ausser es würde dir reichen, wenn man die Box nur beim Hovern des Links sieht. Ansonsten lässt sich das relativ einfach mit JavaSript lösen.

Vielleicht hilft dir das

Ich kenn mich mit JS leider selber nicht so gut aus

[type1]

[Windhauch]

Ah entschuldige, das hab ich übersehen

Wenn du dem Div, welches dieses Navigation enthält, "position:relative" gibst und den Navigationspunkten "position: absolute" verschieben sie sich beim ändern der Auflösung nicht:

[trashmaster]

hier mal ein kleines Beispiel, wie man es mit purem CSS lösen könnte..: http://jsfiddle.net/2F7H2/2/

Dort hat man einen Container (#humanMap), in dem einzelne Divs (.head, .body) absolut positioniert sind. (*edit* so wie Windhauch vorgeschlagen hat )
Diesen Divs kann man über die eindeutige Klasse X- und Y-Koordinaten mit den CSS-Eigenschaften top und left zuweisen.
Die .infobox-Divs, die sich innerhalb dieser Elemente befinden, werden nur angezeigt, wenn man mit der Maus über Punkte fährt.

Das HTML und CSS dafür ist in dem Beispiel so schmal wie möglich gehalten, wenn du es wirklich ganz ohne JS lösen willst wäre das so in etwa die Vorgehensweise.

Gruß

[type1]

Großes Danke!
Werds mir mal alles geben, wenn später etwas Zeit ist!

[type1]

Stress hier hoch zehn.
Es wird wohl auf Javascript hinaus laufen.
Da das für mich Neuland ist: Kann mir gerade schnell jemand mitteilen, wo die function untergebracht werden muss?
Den restlichen Code haue ich ins Template, das ist soweit klar.
Habe gerade ne halbe Stunde gegooglet, komme aber auf keinen grünen Zweig.

Wäre sehr dankbar!! Links oder Suchbegriffe würden mich schon weiter bringen, gezielte Antworten aber nicht abgelehnt

[Windhauch]

Die kommt in den Head soweit ich weis.