On 07.02.08, In Varie, by Alessandro
Stavo giusto cercando una tecnica efficace, robusta e flessibile per realizzare un tab menu che si ridimensioni in base alle dimensioni del testo ed eccolo qua. 24 Ways è sempre pieno di ottime risorse!
Il tab menu è molto pulito, utilizza solamente tre gif in background di altrettanti contenitori. Nello specifico viene utilizzato un div come container principale (qui è inserita una gif ma non è necessaria), il resto è demandato ad <a ... e ad uno <span> annidato.
Il risultato è:
- tab-menu flessibile che può contenere testo ridimensionabile a piacimento e di lunghezza variabile
- codice del menu pulito e semanticamento corretto
- facile customizzazione degli elementi grazie al codice CSS semplice e pulito.
- Visualizzazione uniforme su tutti i browser grazie ad alcuni piccoli hack.
Qui trovate la demo del risultato finale. Potete creare i vostri tab utilizzando questo ottimo tool online
Lascia un commento