layout..aiutino ^ ^

18-01-2010, 23.58.59

ciao..stò creando da zero la prova per il layout del mio sito.. http://nosteriadeisanti.altervista.org/Prova/prova.html non spaventatevi, i colori li ho fatti in quel modo per poter distinguere bene le aree,e comunque è pur sempre una prova...
allora..questa "cosa" (XD) in paint che ho fatto sarebbe la bozza della prima pagina, come vedete l area dove sono "l angelo e il diavolo" dovrebbe essere di quelle dimensioni,cioè..grande come un monitor normale..oddio..non so se mi sono spiegata correttamente ç_ç
..come faccio a farla così??
p.s. perfavore fate finta di non notare che ho scritto fotogallery con la I!! XD XD

Edit:
questo è l html completo che ho usato:

Codice HTML:

<html>
<head>
<META NAME="GENERATOR" Content="AlterVista - Editor HTML">
<title>Layout prova</title>


<style type="text/css">
html,body{margin:4;padding:4}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}



div#header h1{height:190px;line-height:80px;margin:1;
padding-left:10px;background: #FF00FF;color: #79B30B}



div#content p{line-height:1.4}
div#navigation{background:#FF0000}


div#footer{background: #FF66FF;color: #000000}
div#footer p{margin:4;padding:5px 10px}

div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Ed ecco a voi la prova! XD</h1></div>
<div id="wrapper">
<div id="content">
<p>prova pagina..ummm....vediamo se ce la faccio.. ç___ç</p>
</div>
</div>
<div id="navigation">
<p>qui ci và il menù:<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
</p>
</div>
<div id="extra">

</div>
<div id="footer"><p>^_^ la prova stà riuscendo bene, dai! ^_^</p></div>
</div>
</body>
</html>

20-01-2010, 05.24.47

ciao

per iniziare alcune semplici suggerimenti
regola 1: leggere bene il regolamento del forum
regola 2: postare sul forum una domanda solo quando non si riesce a trovare la soluzione da soli, e dopo aver fatto accurate (e faticose) ricerche

il tuo chiamasi layout a due colonne... buona ricerca

ciao

20-01-2010, 18.44.58

scusa per l errore!
ho cercato in rete e sul forum.. sono riuscita a trovare come mettere l altezza del navigation, ma non del content, vorrei anche mettergli un bordo visibile sia nell uno che nell altro, stò cercando come una pazza, ma non riesco a trovare nulla di comprensibile.
sono un pò negata in queste cose..

cavolo!ho ci stavo lavorando e mi si è scombussolato tutto!!in cosa ho sbagliato?? ç_ç

div#content p{line-height:1.4}
div#navigation{background:#FF0000}

div#footer{background: #FF66FF;color: #000000}
div#footer p{margin:4;padding:5px 10px}

div#wrapper{float:right;width:100%;margin-left:-200px}
div#container{
margin-left:200px;
}

**darkwolf** · 20-01-2010, 19.00.18

Elimina il margin left al container e daglielo al content.

20-01-2010, 19.31.52

grazie!è tornato come prima ^ ^
però ancora non riesco a mettere un contorno.. ç_ç

Discussione: layout..aiutino ^ ^

LinkBack

Strumenti discussione

Display

layout..aiutino ^ ^

Regole di scrittura