Ciao a tutti!
Sto cercando di creare un template per una pagina web e ho forti dubbi sul metodo che sto utilizzando.
La pagina dovrebbe essere così composta:
1) Un contenitore di 700px al centro della pagina, con un margine superiore ed inferiore di TOT pixel
2) All'interno di questo dovrebbero esserci altri box:
2-1) Un box disegnare il bordo superiore del contenitore
2-2) Un box contenente il logo
2-3) Un box per un menu orizzontale
2-4) Un box per i contenuti del sito
2-4-1) Un box per disegnare il bordo superiore per il box dei contenuti
2-4-2) Un box contenente i contenuti
2-4-3) Un box per disegnare il bordo inferiore per il box dei contenuti
2-5) Un box per disegnare il bordo inferiore del contenitore principale
Questa la struttura a cui ho pensato, per ogni box ho creato dei #div ma temo che questo non sia un giusto approccio. Per capirci, il codice sarebbe più o meno questo:
Quando parlo di disegnare il bordo superiore intendo delle cose tipo bordi arrotondati o quant altro.codice:<div id="container"> /* contenitore principale di 700px <div id="top"></div> /* disegna il bordo superiore <div id="logo"></div> /* è un box che contiene il logo <div id="menu"></div> <div id="content"> /* creo un nuovo box per i contenuti <div id="content-top"></div> /* disegno il bordo superiore per i contenuti <div id="content-middle">contenuti,blablabla</div> <div id="content-bottom"></div> /* disegno il bordo inferiore per i contenuti </div> /* fine del div "content" <div id="bottom"></div> /* disegno il bordo inferiore del contenitore principale </div> /* fine del div "container"
Nei div vuoi (come ad esempio "logo") ci metto delle scritte o dei collegamenti che non compaiono con il css ma solo se la pagina viene visualizzata senza foglio di stile.
E' un buon approccio questo? Intendo quello di creare un box principale che contiene al suo interno altri sotto-box ?
Rispondi quotando
