konkave Rahmenlinine mit border-radius

[suit]

Hallo,

ich hab' eine Navigation mit Reitern über einem Bereich - der Rahmen darum hat "runde Ecken"

An den unten enden der Reiter (Ein x markiert den Punkt) gibt es aber konkave Rundungen - kann man diese auch einfach mit CSS lösen oder pack ich da einfach 2 Grafiken hin?

Sieht etwa so aus:

****************
        *                *
        *                *
        *                *
 *******                  ************************
*        x              x                         *
*                                                 *
*                                                 *
*                                                 *
*                                                 *
*                                                 *
 *************************************************

[Beat]

ich hab' eine Navigation mit Reitern über einem Bereich - der Rahmen darum hat "runde Ecken"

An den unten enden der Reiter (Ein x markiert den Punkt) gibt es aber konkave Rundungen - kann man diese auch einfach mit CSS lösen oder pack ich da einfach 2 Grafiken hin?

Es kommt darauf an, wie viel vertikale Versetzung der :before und :after Blockboxen (genative margins) du dir leisten willst. Diese dürfte um so grösser sein, je grösser der Radius ist.

Lösung mit background-image ist in diesem Fall eventuell einfacher.

mfg Beat

[suit]

Lösung mit background-image ist in diesem Fall eventuell einfacher.

Ja, das dachte ich auch :)