tutorial css

Spesso mi trovo ad ottimizzare o modificare layout già esistenti riscontrando modi strani e complicati per ottenere semplici strutture come menù o tabelle di contenuti.
In particolare mi rendo conto di quanto possa essere complicato per alcuni sviluppatori applicare la grafica correttamente in un layout di dimensioni imprevedibili, il cosidetto layout liquido, dovendo prevedere più elementi il relazione tra loro i quali caricano a loro volta diversi elementi di grafica.
Con questo semplice tutorial CSS voglio mostrarvi il mio metodo di lavoro per ottenere CSS box espandibili in lunghezza e larghezza in un layout liquido, utilizzando un’unico sfondo grafico.
Questo tutorial è utile anche a chi desidera creare tramite il CSS dei box con angoli arrotondati.

Leggi il resto di Layout liquido: CSS box espandibili »

Ritieni questo post utile o interessante?
Condividi e Segnala

, , , , ,

Contenuto simile:

  • Layout liquido: CSS box espandibili
    CSS Reset: il tuo stile uguale su tutti i browser

    Il classico problema del webdesigner è mantenere la coerenza del proprio webdesign CSS sulla moltitudine di browser in circolazione: il rendering della pagina viene più che altro influenzato dalle impostazioni di default del programma, per questo è nata l'esigenza della tecnica denominata CSS Reset. Solitamente...

  • Layout liquido: CSS box espandibili
    Bottoni rollover col CSS

    Per chi ancora usa Javascript per inserire bottoni in rollover all'interno del proprio sito eccovi un tutorial per il CSS rollover, semplice ma molto funzionale. I vantaggi rispetto all'uso del rollover Javascript sono il funzionamento sui browser con lo script disabilitato, implementazione velocissima, migliore...

Articolo del: giugno 2nd, 2008 |

Per chi ancora usa Javascript per inserire bottoni in rollover all’interno del proprio sito eccovi un tutorial per il CSS rollover, semplice ma molto funzionale.
I vantaggi rispetto all’uso del rollover Javascript sono il funzionamento sui browser con lo script disabilitato, implementazione velocissima, migliore leggibilità del testo da parte del browser e dei motori di ricerca e notevole risparmio di tempo nel caso vogliate cambiare o eliminare l’effetto in seguito.

Leggi il resto di Bottoni rollover col CSS »

Ritieni questo post utile o interessante?
Condividi e Segnala

, , ,

Contenuto simile:

  • Bottoni rollover col CSS
    Layout liquido: CSS box espandibili

    Spesso mi trovo ad ottimizzare o modificare layout già esistenti riscontrando modi strani e complicati per ottenere semplici strutture come menù o tabelle di contenuti. In particolare mi rendo conto di quanto possa essere complicato per alcuni sviluppatori applicare la grafica correttamente in un layout di...

  • Bottoni rollover col CSS
    CSS Sprite, rollover per immagini e menu

    Non troppo tempo fa, la grafica di una pagina HTML era costituita da uno sfondo che veniva ritagliato con un programma di grafica in segmenti più piccoli, detti slice, i quali venivano usati come background di celle di una grande tabella per formare il template del sito. Questa tecnica, comoda per i grafici meno...

Articolo del: settembre 2nd, 2007 |