3 tipi di ‘box model‘ basato su 3 colonne:
- 3 colonne a larghezza fissa allineate a sinistra
- 3 colonne a larghezza fissa allineate centralmente
- 3 colonne a larghezza fissa allineate a destra
{ 1 comment }
Posts tagged as:
Risultati per css layout
- Template css a 3 colonne
- 1 colonna fissa - 1 colonna fluida - 1 colonna fissa
- Larghezza minima di 940px
- Altezza minima di 100%
- Uso di proprietà CSS3 (angoli arrotondati visibile per utente FF e Safari)
- Validazione W3C XHTML Strict
- Provato con IE6+, FF2+, Opera9, Safari3, Chrome su Windows
{ 5 comments }
- Template css a misura fissa, larghezza 960px
- Uso di png trasparente come sfondo
- Integrazione d’un file javascript per il supporto della trasparenza per IE6 6
- Validazione W3C, XHTML Strict
- Provato su IE6, IE7, FF2, FF3, Safari3, Opera9
{ 3 comments }
Il contenuto di una pagina è piazzato dentro ’scatole’ chiamate in inglese ‘boxes’.
Queste scatole possono a loro torno contenere altre ‘boxes’ che siano elementi di blocco o online.
Questi blocchi altro il contenuto stesso possono essere costituiti di margine (margin), spazi cuscinetti (padding) e bordi (border) gestiti dalle seguente regole css:
- margin: il spazio trasparente tra il box e altri box in unità di misura o percentuale
- padding: il spazio tra il contenuto e il bordo del box in unità di misura o percentuale
- border: il bordo decorativo attorno il box in unità di misura o percentuale
NB: margin, padding e border possono essere specificate individualmente a destra, sinistra, inferiore e superiore con l’aggiunto di right, left, top o bottom (es: margin-top, padding-left, border-bottom…)
Il contenuto stesso può avere una larghezza e/o altezza specifica con:
- width: la larghezza in unità di misura (fisso) o percentuale (fluido)
- height: l’altezza in unità di misura (fisso) o percentuale (fluido)
Il nostro box può finalmente avere uno sfondo decorativo con la proprietà css background.
Il tutto insieme costituisce il ‘box model’ come rappresentato di seguito:
{ 1 comment }
- Template css usando l’immagine di sfondo a 100%
- LARGHEZZA FLUIDA
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 1 comment }
- Template css basato sul tutorial Creare un layout
per un sito internet con Photoshop CS3 - LARGHEZZA FISSA 850PX
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 4 comments }
- LARGHEZZA FISSA 650PX
- COLORE: SCURO
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 1 comment }
- LARGHEZZA FISSA 900PX
- 3 COLORE DISPONIBILE
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 7 comments }
