il codice html è questo:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
@import url("tariffe.css")
</style>
</head>
<body>
<div id="header"></div>
<div id="centro">
<div id="menu">
<ul>
[*]Home
[*]Dove siamo
<li id="attivo">Tariffe
[*]Contatti
<li id="italiano">[img]italy2.png[/img]
<li id="inglese">[img]uk6.gif[/img]</li
[/list]
</div>
<div id="contenuti">
<span style="font-size:20;">Tariffe</span>
<hr>
<div id="tabella">
<table>
<tr bgcolor="#f6a413">
<td>Camera</td><td align="center">Min</td><td align="center">Max</td>
</tr>
<tr>
<td>Singola</td><td align="center">30</td><td align="center">50</td>
</tr>
<tr>
<td>Matrimoniale</td><td align="center">50</td><td align="center">80</td>
</tr>
</table>
</div>
<div id="immagine">[img]immtariffe.png[/img]</div>
<div id="testo">
<ul>
[*]I prezzi sono da intendersi a persona,a notte e comprendono la colazione
[*]I prezzi variano a seconda dell'Alta stagione o Bassa stagione
[*]Il pagamento del soggiorno dovrà essere effettuato al momento dell'arrivo e si accettano solo pagamenti in contanti
[*]Check in: ore 17:00
[*]Check out: ore 11:00
[/list]
</div>
<span style="position: absolute; left: 40px; top: 370; font-weight: bold;">Servizi inclusi</span>
<div id="servizi">
<ul>
[*]Pulizia stanze giornaliera
[*]Cambio biancheria ogni 3 giorni
[*]Parcheggio auto interno
[/list]
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
mentre i css sono questi:
codice:
div#menu ul { list-style: none; padding-left: 10px; padding-top: 0px; padding-right: 10px; margin-top: 0px;}
div#menu li { margin-bottom: 3px;}
div#menu li a { color: black; font-size: 14px; background-image: url(bottone1.png); display: block; text-decoration: none; text-align: center; line-height: 25px;}
div#menu li a:hover { background-image: url(bottone2.png);}
div#menu li#attivo a { background-image: url(bottone2.png); font-weight: bold; color: white;}
#menu li#italiano a { margin-top: 40px; background-image: url(); width: 60px; margin-left: 20px;}
#menu li#inglese a { margin-top: 20px; background-image: url(); width: 60px; margin-left: 20px;}
div#contenuti { width: 772px; height: 590px; margin-left: 126px; margin-top: 0px; position: absolute;}
div#tabella { width: 386px; height: 295px; position: absolute; left: 40px; top: 50px;}
#tabella table { width: 300px; font-size: 14px; border: 1px solid; border-color: green;}
#immagine { width: 350px; height: 500px; position: absolute; left: 396px; top: 50px;}
#testo { width: 300px; position: absolute; left: 40px; top: 150px;}
#testo ul { padding-left: 0px;}
#servizi { width: 300px; position: absolute; left: 40px; top: 380px; }
#servizi ul { padding-left: 0px; }
div#contenuti a { font-weight: bold; text-decoration: none; color: black;}
div#contenuti a:hover { color: #F6A413;}