Html.it

Ogni volta che create una pagina o un intero sito, pensate che per il visitatore consultarla sarý come trovarsi al ristorante davanti a una portata fatta da voi, e che l' occhio vuole la sua parte. In un secondo momento il gusto della vostra portata, la cura degli ingredienti (i contenuti) passeranno in primo piano.. ma senz' altro l' aspetto Ë la prima cosa che viene percepita, sia in cucina che nel webdesign.

Pagina con falsa colonna

C'Ë un'alternativa, che si rivela efficace in entrambi i casi: usare un'immagine di background per il contenitore principale. L'idea Ë semplice: usare un piccola immagine alta pochi pixel da ripetere verticalmente su tutto il container. Questa immagine deve essere larga quanto la navigazione, e implicitamente introduce una condizione: la colonna di navigazione dovrý per forza essere dimensionata in pixel. Ecco come ottenere un background che si ripete verticalmente lungo tutto il container:

div#container{
    background: url(rightcol.jpg) repeat-y top right
}

Applicare questa soluzione è semplicissimo: basterà realizzare una piccola immagine del colore che vogliamo con un qualsiasi programma di grafica. Ed ecco il layout a due colonne con background, anche nel caso in cui la colonna di navigazione sia la pi˜ lunga.

Una premessa

Salvo necessità particolari, elementi contenitori supplementari per puro scopo presentazionale andrebbero evitati. Il markup di una pagina dovrebbe mantenersi il pi˜ leggero e semantico possibile.

© 1997-2004 - Grafica, layout e guide sono di esclusiva proprietà di HTML.it s.r.l.
Note e informazioni legali