Ciao stavo realizzando un sito con le tabelle html ma poi qui nel orum mi avete scoraggiato e consigliato di avvicinarmi all'uso dei css per il layout...così ho cominciato ad usare i div...ora ho un problemino.... Guardando il codice sottostante mi dite come faccio a mettere i contenuti subito sotto l'immagine (il link è il seguente http://www.scortitalia.it/contactus.php). Metto il codice di css, ed in altro messaggio metto quello html relativo alla pagina.Grazie a tutti
CSS:
.link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #33FFFF; text-decoration: none}
.hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline; text-transformation: none}
.mainmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}
.zagol { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF}
.content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; text-align: justify}
body {
background-image: url("images/a.GIF"); ;
text-align: center;
margin: 0px;
padding: 0px;
}
.pagina {
width: 770px;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
}
.pagina .barracaveau {
background-image: url("images/headTable/headcaveau2.jpg");
height: 455px;
}
.pagina .barracontact {
background-image: url("images/headTable/contactfinal.jpg");
height: 455px;
}
.modulo {
background-image: url("images/headTable/body.jpg");
margin: 0px;
margin-top: 0px;
text-align: left;
padding: 20px;
}
p {
font-family: arial, verdana, sans-serif;
font-size: 14pt;
color: #000080;
padding: 0px;
margin-left: 50px;
}
.spesso {
font-weight: bold;
}
input {
display: block;
width: 200px;
margin-left: 200px;
}
#pippo {
width: 300px;
margin-left: 300px;
}
.footer {
background-image: url("images/headTable/footer.jpg");
height: 110px;
}
.verdana3 {
font-family: verdana, arial sans-serif;
font-size: 12pt;
color: #000080;
padding: 0px;
margin-left: 50px;
}
.verdana4 {
font-family: verdana, arial sans-serif;
font-size: 12pt;
font-weight: bold;
color: #000080;
padding: 0px;
margin-left: 50px;
}
<body>
<div class="pagina">
<div class="barracontact">
<script type='text/javascript'>function Go(){return}</script>
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'><noscript>Your browser does not support script</noscript></script></div>
<div class="modulo">
<p class="spesso">CONTATTI</p>
<p class="verdana3">Per avere informazioni di carattere informativo o commerciale sui servizi di Scortitalia puoi contattare:</p>
<p class="verdana3">Oppure mandare una e-mail a:</p>
<p class="verdana4">[img]images/mail.gif[/img]info@scortitalia.it[/b]</font></blockquote></p>
</div>
<div class="footer"></div>
</div>
</body>
</html>
