Hallo nino,
Das ganze ist zur Zeit eine Tabelle, wie auch in der Abbildung zu sehen ist.
Wichtig ist es mir dass das schlussendlich OHNE JAVASCRIPT funktioniert.
Wie ist das möglich???
Von der Tabelle würde ich mich an deiner Stelle bei diesem Vorhaben ganz verabschieden. Es sollte umzusetzen sein, wenn du deine einzelnen (Sensitiv- und Anzeige-)Bereiche aus floatenden Elementen zusammenfügst und die Inhalte vom Quellcode her zwar in den sensitiven Elementen versteckt platzierst (display:none
), sie dann aber erst bei Hover über ihr sensitives Elternelement durch absolute Positionierung über den Anzeigeflächen platzierst. Dazu würde ich nur dem Element, das alle Flächen zusammenhält position:relative
verpassen, damit du dich mit der absoluten Positionierung immer auf eine bestimmte Ecke des Gesamtmoduls beziehen kannst.
Wenn du allerdings auch den IE6 bedienen willst, wird das ziemlich kompliziert ohne JavaScript. Da reagieren ja nur A-Elemente auf Hover und in die darfst du nur Inline-Elemente schachteln.
Gruß Gernot
super me