Le Navigation Tabs sono sempre più in voga nei siti di ultima generazione, soprattutto quando sono basate su liste di links orizzontali. Permettono una navigazione semplice ma allo stesso tempo elegante.

La tecnica che vi mostro oggi mette in pratica la creazione di queste liste, le Sliding Fluid Tabs,  ovvero liste a contenuto fluido. Il vantaggio principale è che non ci sono limiti di spazio, il testo delle tabs può essere lunghissimo, corto o variabile: si otterrà sempre lo stesso effetto. In aggiunta, non occorre utilizzare immagini di grandi dimensioni come accade in molte altre tecniche, e le righe CSS necessarie sono davvero poche.

Prima di presentarvi questa tecnica (il cui nome e implementazione sono da me inventati)

…

Quella che riporto oggi è un’ottima guida all’utilizzo della proprietà css float.
Una proprietà dalle potenzialità enormi, ma che può comportare non poche sorprese all’interno di ogni tipo di layout.
Rendere un elemento “float” infatti, provoca la rimozione dello stesso dal normale flusso del documento, e quandi occorre sapere precisamente come e quando gestire questa situazione.
Qui trovate una vasta gamma di esempi e consigli molto interessanti.

L’utilizzo della proprietà float senza una conoscenza approfondita, è pericoloso.
Ma anche sapendola utilizzare e sapendo quali conseguenze comporta, c’è chi preferisce gestire gli elementi ricorrendo a tecniche differenti, come posizionamenti o margini negativi e cosi via.
A mio avviso rendere un element “float” può essere utile in due casi: liste di immagini disposte orizzontalmente ed elementi …