dimensione pagina web

05-02-2011, 13.49.48

ciao ho creato una pagina web ma la larghezza della pagina è troppo lunga e vorrei sapere come modificarla per adattarla al mio template

**karl94** · 05-02-2011, 15.12.19

Se non dai qualche dettaglio in più è impossibile aiutarti.

05-02-2011, 15.17.03

ecco il codice html della pagina

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>
<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>

e il css

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;
}

Discussione: dimensione pagina web

LinkBack

Strumenti discussione

Display

dimensione pagina web

Regole di scrittura