come mi consigliate di strutturae questo sito in css ?

[Innavoig]

qiesta è un immagine di quella che sarà una pagina d un sito.
Ho gia realizzato l home
in pratica sono 4 ul alla stessa distanza come vedere i tre blu verde giallo , in aggiunta nell home c'è anche il rosso.questa è la pagina farandagiovanni.net
questo ve lo dico perchè potrei usare l home come continuazione ,di questa pagina solo mi sembra un casino ho bisogno di ordinare un pò il lavoro.
Guardando l immmagine occhio mi consigliate come strutturarlo con i css ?

[fcaldera]

le tre voci in alto sono una lista orizzontale di link (float: left agli[*] con colori di sfondo)
la parte alta del blocco rosso può essere messo come background ad un blocco generico di header.


la parte centrale può essere un blocco bianco con due div float-tati.
il contenitore dei due div avrà un background ripetuto lungo l'asse y costituito da una linea rossa e bianca


per il riflesso nella parte bassa NON creare un div apposito
Piuttosto ritaglia l'immagine del riflesso e mettilo come sfondo bottom del contenitore di tutto (dando al contenitore un padding-bottom pari all'atezza del ritaglio). Nel ritaglio cerca di includere anche le parti terminali dei blocchi rosso, giallo blu e verde, dubito che in quel punto inserirai dei testi

[Innavoig]

Originariamente inviato da fcaldera
le tre voci in alto sono una lista orizzontale di link (float: left agli[*] con colori di sfondo)
la parte alta del blocco rosso può essere messo come background ad un blocco generico di header.


la parte centrale può essere un blocco bianco con due div float-tati.
il contenitore dei due div avrà un background ripetuto lungo l'asse y costituito da una linea rossa e bianca


per il riflesso nella parte bassa NON creare un div apposito
Piuttosto ritaglia l'immagine del riflesso e mettilo come sfondo bottom del contenitore di tutto (dando al contenitore un padding-bottom pari all'atezza del ritaglio). Nel ritaglio cerca di includere anche le parti terminali dei blocchi rosso, giallo blu e verde, dubito che in quel punto inserirai dei testi

ok , mi è chiaro

l unica cosa che vorrei fare diversamente
è per li menu dei link in alto , giallo verde blu , dove darò una lunghezza pari a quella del contenitore
e daro un background allineato a sinistra per montare la parte superiore del blocco rosso, e ok ?

poi ultima cosa , non ho capito bene il contenitirore come devo farlo.
faccio un div tutto bianco e poi dentro altri 2 div , uno per la colonna rossa e l altro bianco per insierire il contenuto ????

Ciao

[fcaldera]

Originariamente inviato da Innavoig
l unica cosa che vorrei fare diversamente
è per li menu dei link in alto , giallo verde blu , dove darò una lunghezza pari a quella del contenitore
e daro un background allineato a sinistra per montare la parte superiore del blocco rosso, e ok ?

come ti viene meglio

Originariamente inviato da Innavoig
poi ultima cosa , non ho capito bene il contenitirore come devo farlo.
faccio un div tutto bianco e poi dentro altri 2 div , uno per la colonna rossa e l altro bianco per insierire il contenuto ????

giusto
ma il div tutto bianco

... avrà un background ripetuto lungo l'asse y costituito da una linea rossa e bianca