ciao ho creato una pagina web ma la larghezza della pagina è troppo lunga e vorrei sapere come modificarla per adattarla al mio template
Printable View
ciao ho creato una pagina web ma la larghezza della pagina è troppo lunga e vorrei sapere come modificarla per adattarla al mio template
Se non dai qualche dettaglio in più è impossibile aiutarti.
ecco il codice html della pagina
e il cssCodice 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="styledmenus.com" />
<title>Code-lyoko.it - Homepage -</title>
<link href="style.css" rel="stylesheet" media="all" />
<body>
<div align="center">
<div id="menu">
<ul>
<li><a href="http://code-lyoko.it/home.php"target="_blank" class="current"><span>Home</span></a></li>
<li><a href="http://code-lyoko.it/index.php"target="_blank"><span>Forum</span></a></li>
<li><a href="http://code-lyoko.it/portal.php?sid=48f468fed1d2c96476969f91b99964c2" target="_blank"><span>Download</span></a></li>
<li><a href="#"><span>Lo Staff</span></a></li>
<li><a href="#"><span>Contattaci</span></a></li>
</ul>
</div>
</div>
</body>
</html>
<title>Rotazione di banner a tempo</title>
<div id="wrapper">
<div align="center">
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
/* First, if you load fewer or more than 6 sponsors
into your rotator, change the "sponnr" variable
to the actual number of sponsor .gifs you plan to
load. */
number_of_sponsors=3;
var sctr=0;
var halt=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}
/* Inserisci i link relativi o assoluti delle immagini*/
isn[0].src="ulrich.png";
isn[1].src="img2.gif";
isn[2].src="img3.gif";
/* Inserisci, in ordine, i link degli sponsor. */
var durl=new Array();
durl[0]="http://www.code-lyoko.it";
durl[1]="http://www.code-lyoko.it";
durl[2]="http://www.code-lyoko.it";
/* Questo script cambia le immagini ogni 10 secondi.
(5000=5 secondi, dunque 30000 sono uguali a 30, etc)
Puoi cambiare il numero in setTimeout() */
function rotateIt(){
if (halt!=1){
sctr++;
if (sctr>number_of_sponsors-1){
sctr=0;
}
document.sponsor.src=isn[sctr].src;
setTimeout("rotateIt()",10000);
}
}
/* This code will work just fine with or without
frames. However, if you are in frames and wish
to replicate the TARGET="_top" call to remove
frames, change the location.href call to:
parent.location.href=durl[sctr];
below. */
function doIt(){
halt=1;
location.href=durl[sctr];
}
function dispIt(){
parent.window.status=durl[sctr];
}
// End Hiding -->
</SCRIPT>
</head>
<body>
<br>
<A HREF="http://www.indirizzo.com" onClick="doIt();return false" onMouseover="dispIt();return true;">
<br>
<IMG SRC="01.gif" HEIGHT=200 WIDTH=500 NAME="sponsor" BORDER=0></a>
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
sctr=0;
rotateIt();
// End Hiding -->
</SCRIPT>
<div id="bottom">
</div>
<div id="pubblicità">
<DIV STYLE="position:absolute; top:20px; left:20px; z-index:-1">
<script language="javascript" type="text/javascript">
var img = new Array("imaggine", "images/", "images/", "images/jeremy.png", "images/william.gif", "images/aelita.png");
var x = Math.floor(img.length * Math.random(1));
document.write('<img src=\"'+ img[x] +'\" alt=\"Non disponibile\">');
object.style.zIndex="1"
</script>
</script>
</div>
</div>
</body>
</html>
</title>
</body>
</html>
</div>
Codice:/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
----------------------------*/
*{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
background:url(images/bg.gif);
}
#container {
width:1400px;
height:1300px;
margin:0px auto; /*Centra negli altri browsers*/
}
#wrapper{
width: 800px;
margin: 0 auto;
background:url(images/wrapper.gif);
position: center;
top: 100px;
height:600px;
}
#bottom{
background:url(images/bottom.gif);
position: bottom;
width: 790px;
top: 200px;
height:100px;
margin: 0 auto;
}
#pubblicità{
width: 900px;
position: left;
height:400px;
}
#menu{
width:290%;
height:61px;
background:url(images/fm_menu_bg.jpg) repeat-x;
z-index: 101;
}
#menu ul{
width:80%;
margin:0 auto;
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:61px;
line-height:61px;
margin:0 5px;
}
#menu li a{
display:block;
float:left;
height:61px;
color:#99a2b7;
text-decoration:none;
text-transform:uppercase;
padding:0 20px;
}
#menu li a:hover{
background:url(images/fm_hover_bg.jpg) repeat-x;
color:#fff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
#menu li a:hover span, #menu li .current span{
background:url(images/fm_hover_pointer.jpg) no-repeat top;
height:61px;
display:block;
float:left;
}
#menu li .current{
display:block;
float:left;
height:61px;
background:url(images/fm_hover_bg.jpg) repeat-x;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:0 20px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
.menuNavigazione li{
display:inline;
}
.menuNavigazione a{
height:0;
}