CODICE CSS
/* Global Styles */
body {
margin:0px;
}
/* ID Styles */
#navigation a {
color: #FFFFFF;
border-bottom: 1px solid #D90000;
background-color: #D90000;
border-top: 1px solid #D90000;
}
#navigation a:hover {
color:#D90000;
background-color: #FFFFFF;
}
#navheader {
font:24px georgia;
color: #1F2669;
letter-spacing:.4em;
padding:10px;
line-height:30px;
}
#immagine_header {
font:11px Arial, Helvetica, sans-serif;
color: #FF9900;
line-height:14px;
padding-left: 0px;
text-align: left;
padding-bottom: 0px;
vertical-align: bottom;
}
#menu {
font:11px Arial, Helvetica, sans-serif;
color: #FF9900;
line-height:14px;
padding-left: 110px;
font-weight: bold;
}
#monthformat td {
border-bottom: 1px solid #FFFFCC;
}
#dateformat {
font:11px Arial, Helvetica, sans-serif;
color: #FFFF00;
letter-spacing:.4em;
}
#dateformat a {
font: 11px Arial, Helvetica, sans-serif;
color: #FFFF00;
letter-spacing:0.1px;
text-decoration: none;
}
#dateformat a:hover {
color: #FFFFCC;
}
/* Class Styles */
.bodyText {
font:12px Arial, Helvetica, sans-serif;
color:#000000;
line-height:20px;
letter-spacing:1px;
text-align: justify;
padding-left: 40px;
vertical-align: top;
}
.intestazione{
font:22px Arial, Helvetica, sans-serif;
color: #D90000;
line-height:20px;
padding: 3px 0px 2px 0px;
letter-spacing: 1px;
padding-left: 40px;
border-bottom: 1px solid #D90000;
}
.intestazione_sx{
font:22px Arial, Helvetica, sans-serif;
color: #D90000;
line-height:20px;
padding: 3px 0px 2px 0px;
letter-spacing: 1px;
border-bottom: 1px solid #D90000;
padding-left: 0px;
border-top: 1px solid #D90000;
}
.immagine {
vertical-align: bottom;
text-align: center;
}
.logo {
padding-left: 40px;
margin-bottom: 30px;
}
.smallText {
font:11px Arial, Helvetica, sans-serif;
color:#000000;
text-align: center;
line-height: 10px;
}
.navText {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 20px;
text-decoration: none;
text-align: center;
display: block;
padding: 8px;
font-weight: normal;
letter-spacing: 1px;
}
CODICE HTML
<!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>Home page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="asilo.css" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #D90000;
}
-->
</style>
</head>
<body background="#FFFFFF"><table width="886" height="1023" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#220103">
<td colspan="3" nowrap="nowrap" bgcolor="#FFFFFF" id="logo"></td>
</tr>
<tr bgcolor="#220103">
<td height="40" colspan="3" nowrap="nowrap" bgcolor="#FFFFFF" id="logo"><table width="900" border="0" cellpadding="0" cellspacing="1" id="navigation">
<tr>
<td width="148"><div align="center">home</div></td>
<td width="149">il nostro asilo</td>
<td width="149">lo staff </td>
<td width="149">un giorno al nido </td>
<td width="149">il menù </td>
<td width="149">vieni a trovarci </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#220103">
<td height="172" colspan="3" nowrap="nowrap" bgcolor="#FFFFFF" id="logo"><table width="900" height="248" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="385" height="248">[img]../La Coccinella/Header/Logo/Logo_scritta.png[/img]</td>
<td width="515" class="immagine">[img]../La Coccinella/Header/Immagini/Img_jpeg/Casette.jpg[/img]</td>
</tr>
</table></td>
</tr>
<tr bgcolor="#220103">
<td height="19" colspan="3" nowrap="nowrap" bgcolor="#FFFFFF">[img]../La Coccinella/Content/Int_alto3.jpg[/img]</td>
</tr>
<tr bgcolor="#FF080E">
<td height="18" colspan="3" bgcolor="#FFFFFF"> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="580" class="intestazione">Benvenuti!</td>
<td width="30" class="pageName"></td>
<td width="250"></td>
<td width="40" class="pageName"></td>
</tr>
<tr>
<td rowspan="4" class="bodyText">
This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p></td>
<td rowspan="4" class="PageName">
</p> </td>
<td>[img]../Immagini/2770.jpg[/img]</td>
<td rowspan="4"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>[img]../Immagini/2765.jpg[/img]</td>
</tr>
<tr>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td height="182" colspan="3">[img]../La Coccinella/Content/Int_basso3.jpg[/img]</td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF" class="smallText">
©</p></td>
</tr>
</table>
</body>
</html>
