grazie per la risposta, allego il codice sia html che css, tanto è un sito inutilissimo XD
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mio sito</title>
<link href="css/master.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="header">[img]immagini/logo_principale.png[/img]</div>
<div id="navigazione">
<ul>
[*]CHI SIAMO
[*]COSA FACCIAMO
[*]PRODOTTI
[*]CONTATTACI
[/list]
</div>
<div id="contenuto">
<h1>Benvenuti.</h1>
<h1> [img]immagini/fiore.jpg[/img]</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porta suscipit augue. Suspendisse potenti. Nunc convallis nisl nec lorem pellentesque sed pretium est venenatis. Nunc eu augue urna, sed scelerisque tortor. Integer sollicitudin, quam hendrerit iaculis ullamcorper, metus magna ullamcorper massa, ut molestie turpis tortor in purus. Suspendisse potenti. Suspendisse enim turpis, bibendum nec luctus id, varius eu est. Sed vestibulum augue ac justo commodo facilisis. Cras vulputate ante vitae sem posuere quis tristique libero tincidunt. Mauris ullamcorper facilisis erat, sit amet commodo ligula mollis ac. Curabitur velit nibh, laoreet vitae facilisis ac, volutpat id ligula. Duis cursus, felis id elementum fermentum, velit orci pharetra ligula, nec bibendum urna sapien sed mi. Sed diam justo, laoreet quis aliquet et, commodo eget lorem. </p>
Nam faucibus orci ut augue fringilla laoreet. Nulla facilisis mollis elementum. Donec a felis massa. Sed hendrerit quam ut arcu sodales ac vestibulum dolor euismod. Maecenas ullamcorper tempus luctus. Cras accumsan, metus sit amet accumsan venenatis, magna justo lacinia ligula, in pretium odio ante ut leo. Nam rhoncus hendrerit ornare. Suspendisse ut augue sodales ipsum placerat hendrerit facilisis vitae erat. Aenean vitae eros risus. Sed semper, massa ut dignissim euismod, augue purus egestas massa, vel pulvinar elit libero quis felis. Proin eget justo eros. Quisque tempor massa in tortor tempus auctor. Proin justo lacus, accumsan sit amet pretium aliquet, adipiscing ac dolor. </p>
</p>
</div>
<div id="footer">Inserire qui il contenuto per id "footer"</div>
</div>
</body>
</html>
codice:
@charset "utf-8";
/* CSS Document */
body,td,th {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #333;
line-height: 1.5;
}
body {
background-color: #222222;
background-repeat: repeat-x;
background-position: bottom;
background-image: url(../immagini/background/bg_body.jpg);
background-attachment: fixed;
margin-bottom: 0px;
padding-bottom: 0px;
height: 100%;
}
#contenitore {
width: 80%;
margin-right: auto;
margin-left: auto;
}
#header {
height: 93px;
width: 97%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3%;
}
#navigazione {
float: left;
width: 22%;
background-color: #E0E0E0;
height: 300px;
margin-top: 20px;
margin-right: 1%;
}
#contenuto {
width: 72%;
float: left;
background-color: #E0E0E0;
padding-right: 2%;
padding-left: 2%;
margin-top: 20px;
margin-left: 1%;
}
#footer {
height: 70px;
width: 100%;
float: left;
background-color: #E0E0E0;
}
.img_fiore {
float: right;
width: 40%;
height: auto;
margin-left: 10px;
padding-left: 10px;
margin-top: 15px;
}
a {
font-weight: bold;
}
a:link {
color: #036;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #036;
}
a:hover {
text-decoration: underline;
color: #903;
}
a:active {
text-decoration: none;
color: #F90;
}
#contenitore #navigazione li {
background-color: #C3C3C3;
font-family: Tahoma, Geneva, sans-serif;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #333;
margin-bottom: 0px;
margin-top: 0px;
height: 35px;
padding-left: 6%;
line-height: 35px;
font-size: 0.9em;
}
#contenitore #navigazione ul {
list-style-type: none;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#form1 {
width: 500px;
margin-top: 50px;
margin-left: 50px;
}
#form1 fieldset {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #69C;
color: #FFF;
padding: 20px;
}
#form1 fieldset legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background-color: #369;
padding: 10px;
}
#form1 fieldset p #submit {
margin-left: 400px;
}
/*codice per la lunghezza e la posizione delle barrette bianche dei moduli in cui si scrive il testo inizio*/
input[type=text] {
width:170px;
}
#form1 fieldset p #nome {
margin-left: 53px;
width: 170px;
}
#form1 fieldset p #citta {
margin-left: 60px;
}
#form1 fieldset p #professione {
margin-left: 14px;
}
#form1 fieldset p #nome_utente {
margin-left: 8px;
}
#form1 fieldset p #password {
margin-left: 28px;
width: 170px;
}
/*codice per la lunghezza e la posizione delle barrette bianche dei moduli in cui si scrive il testo fine*/
edit: ecco la pagina di output http://www.dgenerazione.altervista.org/prova/
Rispondi quotando
