-
layout..aiutino ^ ^
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
http://nosteriadeisanti.altervista.org/Prova/pag1.jpg
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>
-
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
-
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;
}
-
Elimina il margin left al container e daglielo al content.
-
grazie!è tornato come prima ^ ^
però ancora non riesco a mettere un contorno.. ç_ç
