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
angoli arrotondati,
css box,
CSS layout,
layout liquido,
tutorial css,
tutorial layout css
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 basta inserire questa riga al nostro CSS in primissima posizione per risolvere la maggior parte dei problemi:
* {margin: 0;padding: 0;}
basta questa riga per dire al browser di azzerare i valori di margine esterno e interno di tutti gli elementi HTML.
Questa semplice ma radicale soluzione di CSS reset ha comunque qualche effetto collaterale come un discreto peso sull’engine del browser (ma ne terrei conto solo in siti veramente pregni di elementi HTML) e l’eliminazione di ogni stile di default.
Per cui eccovi altre 2 soluzioni più complete ed elaborate.
Leggi il resto di CSS Reset: il tuo stile uguale su tutti i browser »
Ritieni questo post utile o interessante?
Condividi e Segnala
CSS layout,
CSS reset,
CSS template,
elementi html,
reset CSS,
stile CSS,
webdesign