<!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>Kerotan Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="kerocss.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore_alto"></div>
<div id="cont_tot">
<div id="header"></div>
<div id="menu"></div>
<table width="722" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><img src="images/testo_Alto.gif" width="722" height="11" /></td>
</tr>
<td width="194" background="images/MyPage_21.gif"><img src="images/kero.jpg" width="194" height="399" /></td>
<td width="524" bgcolor="#FFFFFF"><blockquote>
<h1 align="center" class="Stile1">Il Mio Primo Sito</h1>
<p align="left">TESTO</p>
<h2 align="center">Cosa Vi Propongo</h2>
<p>TESTO</p>
</blockquote></td>
<td width="5" background="images/colonna_testo.gif"><div align="right"></div></td>
</tr>
<tr>
<td colspan="3"><img src="images/Testo_basso.gif" width="722" height="12" /></td>
</tr>
</table>
<div id="footer"></div>
</div>
<div id="contenitore_basso"></div>
</body>
</html>
Css
body {
background-image: url(images/Sfondo.gif);
background-color: #DE8382;
background-repeat: repeat-x;
background-position: left top;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#contenitore_alto {
background-image: url(images/body_alto.gif);
height: 23px;
width: 771px;
background-repeat: no-repeat;
margin: 25px auto auto;
}
#cont_tot {
background-image: url(images/MyPage_14.gif);
width: 771px;
margin: auto;
position: relative;
}
#header {
background-image: url(images/header.jpg);
height: 199px;
width: 726px;
background-repeat: no-repeat;
margin: auto;
}
#menu {
background-image: url(images/menu.gif);
height: 35px;
width: 713px;
background-repeat: no-repeat;
padding: 0px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
margin-bottom: auto;
}
#testo_alto {
background-image: url(images/testo_Alto.gif);
height: 11px;
width: 722px;
margin: 15px auto auto;
}
#testo_tot {
background-image: url(images/testo_tot.gif);
width: 722px;
margin: auto;
position: relative;
}
#testo_sx {
width: 180px;
padding: 5px;
margin: 0px;
}
#testo {
float: right;
width: 500px;
}
table {
font-family: "Courier New", Courier, mono;
font-size: 16px;
font-style: normal;
text-transform: none;
color: #000000;
padding: 0px;
margin: 25px auto 25px 25px;
font-weight: bolder;
background-position: center center;
}
#footer {
background-image: url(images/footer.jpg);
height: 107px;
width: 731px;
background-repeat: no-repeat;
margin: auto;
}
#contenitore_basso {
background-image: url(images/body_basso.gif);
height: 15px;
width: 771px;
background-repeat: no-repeat;
margin: auto;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: xx-large;
font-style: normal;
font-weight: bolder;
color: #FF0000;
}
p {
font-family: "Comic Sans MS", Arial, Verdana;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bolder;
text-transform: none;
color: #000000;
}
h2 {
padding: 10px;
background-position: left bottom;
font-family: "Times New Roman", Times, serif;
font-size: x-large;
font-weight: bold;
color: #990000;
}
:fonzie:
