ciao a tutti! mi sto esercitando con il layout attraverso i css, partendo da uno semplice monolitico.
non fate caso alla struttura e i colori...è tutto molto arlecchino perchè sto facendo delle prove!
però c'è una cosa che non riesco a fare, ovvero eliminare gli spazi binchi tra le varie divisioni div.
ecco il codice :
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>sito monolitico</title>
<link rel=”stylesheet” type=”text/css” href=”monolitico26.css”/>
</head>
<body>
<div id=”container”>
<div id=”header”>
<h1>Html.it</h1>
</div>
<div id=”navigation”>
<ul>[*]cose[*]parole[*]suoni[/list]
</div>
<div id=”content”>
<h2>spiegazione breve</h2>
testo testo testo contenuto contenuto contenuto bla bla bla</p>
- primo
- secondo
- terzo
</div>
</body>
</html>
ora ecco il relativo css:
Html,body{margin:0; pudding:0;}
H1{color: blue; padding-left: 3px}
H1{padding-left: 1em;}
H2{color: red; padding-left:0.5em}
Div#content>p{padding:1em;}
Div#content>h2{padding-top: 0.5em;}
div#header{background-color:yellow; color:blue;}
div#navigation{background-color:#aed673;}
div#navigation ul{margin:0; puddig:0; list-style-type: none;}
div#navigation li{display:inline; margin: 0 0 0 1em; padding: 0;}
div#content{background-color:#fde2b8;padding-left:0,5em;}
div#content ol{padding-left: 3em; padding-bottom: 1em;}
grazie a tutti!
Rispondi quotando
