Ciao,
ho realizzato il seguente sito http://www.webalice.it/fragola81 ma il menù si vede a met;mi sa che ho sbagliatole misure del container ecc... ma non so dove.
HTML
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
<title>.::Una piccola storia::.</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
</div>
<div id="content">
<h3>Benvenuti</h3>
mi chiamo Silvia e ho realizzato questo piccolo sito in cui ho inserito
una raccolta di foto d'epoca, realizzate tra i primi del '900 e gli anni
immediatamente successivi alla seconda guerra mondiale; queste foto hanno per
protagonisti i miei avi. Sono sempre stata affascinata dalla storia fin da piccola,
quando passavo ore a guardare le vecchie foto e a sentire i racconti dei miei nonni;
vorrei che quello che ho imparato non andasse perduto per sempre, così ho scanerizzato
tutte queste foto e alcuni documenti che ho trovato perchè tutti potessero vederli e vedere
la storia non solo come un'insieme di nozioni da studiare a scuola, ma anche
come la vita di persone reali, che nel loro piccolo hanno attraversato epoche e
avvenimenti.</p>
Buona visita del sito!</p>
<h5>
<h5>Sono severamente vietate la copia e il riutilizzo delle immagini
presenti in questo sito.</p></h5>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
CSS
/*Css Document - Design by PinkBetta*/
body {
font-family:Times New Roman, Verdana;
background-image:url(varieimg/muro.jpg);
background-position:center;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
text-align:center;
}
#container {
width:800px;
height:auto;
margin:0px auto;
text-align:left;
}
h3 {
text-align:center;
font-style:italic;
}
h4 {
text-align:left;
padding:0px 0px;
font-size:15px;
line-height:1px;
font-style:italic;
}
h5 {
text-align:left;
padding:0px 0px;
font-size:16px;
line-height:1px;
font-style:italic;
text-decoration:underline;
}
p {
text-align:justify;
}
#header {
background-image:url(varieimg/header.gif);
width:800px;
height:200px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}
#menu {
background-image:url(varieimg/menu.gif);
width:230px;
height:322px;
float:left;
margin:0px 0px 0px -130px;
}
#menu ol {
list-style-type:none;
margin:40px 0px 0px 10px;
font-weight:bold;
}
#menu ol li {
margin:0px 0px 0px 0px;
}
#menu ol li a{
text-decoration:none;
color:8E0761;
}
#menu a:hover {
text-decoration:none;
color:white;
}
#content {
overflow:auto;
width:600px;
height:auto;
padding:0px 0px 0px 10px;
margin:0px 30px 0px 0px;
background-image:url(varieimg/back.gif);
background-position:center;
background-repeat:repeat-y;
}
#gallery {
text-align:center;
}
#footer {
background-image:url(varieimg/footer.jpg);
background-position:center;
width:610px;
height:30px;
clear:both;
margin:0px auto;
}
Grazie!
Rispondi quotando