Grafische Navigation mit Überlappung

[mbartsch]

Hallo,
ich wollte eine horizontale grafische Navigation erstellen (siehe Anhang). Wie gehe ich da am besten vor? Das Problem ist die Überlappung der einzelnen Buttons. Ich wollte die Buttons (normal und aktiv) ausschneiden und als transparentes PNG speichern und diese dann mit z-index positionieren. Ist das so richtig? Ich glaube ich habe sowas schon gesehen, da wurden aber die rechten und linken Bereiche der Buttons "ausgeschnitten" und der Mittelteil als Hintergrundfarbe definiert...

[psren]

das kannst du natürlich so machen, die einzelnen bilder als hintergrundbilder definieren und dann

margin-left: -10px; margin-right: -12px;

setzen oder sowas. und dann z-index verteilen, alle normalen denselben und das aktive oder hover eben nen höheren... aber die länge deiner menubuttons ist so nicht mehr variabel wieso ich dir von deiner methode abraten würde.

des mit den 3 Bildern ist ein guter ansatz

[bibib]

hi markus,

falls du das inzwischen noch nicht gelöst hast, schau dir das mal an, vielleicht hilft es dir weiter.

lg, bibib