Ciao a tutti ho un grande problema. Volevo far un template in css con questo schema. Non so proprio come iniziare. Come devo fare? Mi date qualche input per favore
Ciao a tutti ho un grande problema. Volevo far un template in css con questo schema. Non so proprio come iniziare. Come devo fare? Mi date qualche input per favore
Innazitutto ti serve un libro:
Gianluca Troiani, "CSS. Guida completa" (APOGEO)
poi una struttura:
codice:<div id="container"> <div id="col-left"> <div id="menu1"></div> <div id="menu2"></div> </div> <div id="corpo"> </div> </div>![]()
grazie mi metto all'opera. Se ho altri problemi posto qui
Ho iniziato a dividere in due colonne clicca qui come gli dico che mi deve mettere nella colonna1 in alto un'immagine con gli angoli arrotondati che già ho creato, in basso un altra immagine e nel centro posso inserire tutto il testo che voglio? Tra le due colonne è possibile lasciare uno spazio trasparente che poi prende il colore della pagina?
Qui posto il codice della pagina che ho fatto:
Qui posto il risultato che mi sono prefissocodice:<html> <head> <style type="text/css"> body { margin: 0; padding:0; text-align: center; } #centrato { width: 682px; margin: auto; text-align: left; } #colonna-1 { float: left; widt:226px; } #colonna-2 { float: left; width:456px; } </style> </head> <body> <div id="centrato"> <div id="colonna-1"> colonna 1 prova inserimento testo</p> </div> <div id="colonna-2"> colonna 2 prova inserimento testo colonna 2 prova inserimento testo colonna 2 prova inserimento testo</p> </div> </div> </body> </html>
![]()
usa nel css della colonna
codice:background: (immagine_bordi.gif) no-repeat top left;