Barra menu con inizio e fine arrotondati

[blies67]

Ciao a tutti.
Avrei un quesito da porvi e che non riesco a risolvere.

Dovrei realizzare una barra di un menu orizzontale con opzioni variabili ma sia all'inizio e sia alla fine ho un 'coperchio' arrotondato.
Come potrei realizzarla ? Ho sempre difficolta con la parte destra

[gabip87]

ciao.
se la larghezza è fissa puoi usare un'immagine con gli angoli arrotondati come sfondo. poi vai a posizionarti i vari item.

[blies67]

.. purtroppo il problema è che la larghezza è variabile a seconda della risoluzione dello schermo.
Lascerei uno spazio fisso ai lati e poi ci sarebbe la barra.

[blies67]

Scusate se uppo

[Mich_]

Quindi si tratta di arrotondare i 4 angoli di un blocco.
Ci sono due tecniche "standardizzate" di cui trovi i riferimenti tra i "link utili":
- nifty corners (che fa uso di JS, ma non necessita di marcatura supplementare)
- spiffy corners (che fa uso di marcatura aggiuntiva)

[blies67]

Grazie Mich_
Ma se volessi usare due immagini con i 'miei' bordi arrotondati ?

[Mich_]

Gli "spiffy corners" fanno uso di 4 immagini ... (altrimenti fissi la larghezza e il codice si semplifica molto: ti bastano due immagini)

[blies67]

Ottimo !!!
Adesso studio un pò ma forse non è proprio quello che cercavo.