la struttura della pagina è questa:
dove inserisco la funzione?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>

