la struttura della pagina è questa:
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>NAME</title>
<style type="text/css">
<!--
#menu a:link, a:visited {
color: black;
text-decoration: none;
}
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.oneColElsCtrHdr #container {
width: 1000px; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #FFFFFF;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.oneColElsCtrHdr #header {
background-color: #FFFFFF;
background-image: url(immagini/logo5.jpg);
background-repeat: no-repeat;
padding-top: 20px;
padding-right: 75px;
padding-left: 500px;
background-position: 75px;
width: auto;
padding-bottom: 0px;
}
.oneColElsCtrHdr #mainContent {
padding-right: 75px;
padding-bottom: 0;
padding-left: 75px;
background-color: #FFFFFF;
height: 700px;
width: 850px;
padding-top: 0px;
display: block;
}
.oneColElsCtrHdr #footer {
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 75px;
}
.oneColElsCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
-->
a img {border:none;}
</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
.style5 {
font-size: small;
line-height: 1px;
}
.style6 {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: x-small;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a img {border:none;}
-->
</style>
<style type="text/css">
#menu a:link, a:visited {
color: black;
text-decoration: none;
}
a {
outline: none;
}
.style7 {font-size: small}
a img {border:none;}
.style14 {color: #666666}
</style>
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<div align="right" id="menu">
<div align="right" class="style5">
</p>
</p>
<span class="style7" style="color: grey">Home</span>
<span class="style7">
B&W
Colors
Work
About
Contact
</span>
</div>
</div>
<h1> </h1>
</div>
<div id="mainContent">
<div align="center">
<div align="justify">
<div align="left">
<div align="center">
[img]immagini/DeceptionFalls.jpg[/img]</p>
<div align="center"><span class="style7" style="color: #000000">DeceptionFalls</span>
</div>
<p class="style7"></p>
<p class="style7"></p>
<p class="style7"></p>
<p class="style7"></p>
</p>
</div>
<p align="center"><span class="style6 style5">© Nicola Colonna, All rights reserved</span></p>
</p>
</div>
<div id="footer">
<div class="oneColElsCtrHdr" id="copy"><span class="style14"></span>
<div align="left"> </div>
</div>
<p align="left" class="style6 style5"></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
dove inserisco la funzione?