Come mettere lo sfondo in una pagina[era:sfondo]

22-02-2010, 19.41.58

allora ho un piccolo problema non riesco a mettere lo sfondo che dico
questo il codice mi dite come fare proprio cosi copio e incollo perchè sono incapace

Codice HTML:

<html>
<head><script language="JavaScript" ></script><style type="text/css"><!--
      .player_wrapper {
        position: relative;
      }
      
      #adDiv {
        position: absolute;
        left: 80px;
        bottom: 16px;
        width: 300px;
        height: 300px;
        z-index: 10000;
      }
      --></style>
<script language="JavaScript" ></script><style type="text/css"></style><link rel="stylesheet" type="text/css" href="/SiteAssets/CSS/base.css" />
<script type="text/javascript" src="/SiteAssets/Javascript/base.js"></script>
<!--[if lte IE 6]><script type="text/javascript" src="/SiteAssets/Javascript/supersleight-min.js"></script><link type="text/css" rel="stylesheet" href="/SiteAssets/CSS/ie.css" /><![endif]-->
<!--[if IE 7]><link type="text/css" rel="stylesheet" href="/SiteAssets/CSS/ie7.css" /><![endif]-->

<script type="text/javascript" language="javascript" src="/EI/SharedObjects/JS/jquery-1.3.2.min.js" ></script>


<script type="text/javascript" language="javascript">
$(document).ready(function() {
	$('#navex li').hover(function() {
		$(this).attr('class', 'hover');
			}, function() {
		$(this).attr('class', '');
	});
 });

</script>

<script type="text/javascript" src="http://assets.e360live.com/embed/player.js" defer="defer"></script>


<title>FLAVA
</title></head>

<body id="template3" class="home">

<form name="aspnetForm" method="post" action="index.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTA2MzAzNjM0MGRkUkaOZc54v8aPT9L2NqmBi6aziNQ=" />

</div>



	
	<div id="wrapper">
		<table cellpadding="0" cellspacing="0" border="0" id="outertable">
			<tr>
				<td id="header" colspan="2" valign="top" width="100%"><SCRIPT LANGUAGE="JavaScript"> <!-- Begin function HOT97stream(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=296,left = 540,top = 377');"); } // End --> </script>
<style type="text/css"> #nav { font-family: Verdana, Trebuchet MS, Geneva, Verdana, Arial, Helvetica, sans-serif!important; font-size:11px; list-style: none; padding: 0px; padding-left: 0px; margin: 0px; color:#ffffff; font-weight:normal; } td { font-size:11px!important; line-height:14px; } #line { width: 205px; border-top:1px #333333 solid; border-bottom:1px #a2a2a2 solid; line-height:0px!important; margin:5px; } #nav ul { list-style: none; line-height: 22px; background-color:#ffffff; background-image:url('http://www.hot97.com/pics/nav/navback.jpg')!important; background-position:bottom; width:290px; border:0px; } #nav a { color: #ffffff; font-weight:normal; text-decoration: none; padding: 0; } #nav a:hover { color:#0099FF; font-weight:normal; text-decoration: none; padding: 0; } #nav li { float: left; width: auto; } #nav li ul { position: absolute; left: -999em; z-index: 10000; width: 230px; margin: 0; margin-left:10px; padding-left: 10px; padding-top:10px; padding-bottom:30px; line-height:22px; } #nav li li { padding-right: 0; width:210px; line-height:22px; padding-left:5px; } #nav li ul a { width: 200px; padding-left:0px; } #nav li ul ul { margin: 0 0 0 0; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background:#333333; } .omg { padding-left:4px; } </style>
<span class="logo"><a href="http://myun.altervista.org/header03.jpg"><img border="0" alt="" src="http://myun.altervista.org/header03.jpg" width="952" height="137" usemap="#streammap" /></a></span> <map id="streammapp" name="streammap">

<area href="javascript:megaPopup('http://player.streamtheworld.com/liveplayer.php?CALLSIGN=WQHTFM','frozen','bare','600','296','center','center')" shape="RECT" coords="801,7,944,37" /></map><script type="text/javascript"> <!--//--><![CDATA[//><!-- sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; }; sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); }; } }; if (window.attachEvent) window.attachEvent("onload", sfHover); //--><!]]> </script>

<ul id="nav">
















<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>


</head>

<body>



<ul id="nav">

	<li><a href="#">Percoidei</a>

		<ul>
			<li><a href="#">Remoras</a></li>

			<li><a href="#">Tilefishes</a></li>
			<li><a href="#">Bluefishes</a></li>
			<li><a href="#">Tigerfishes</a></li>

		</ul>

	</li>

	<li><a href="#">Anabantoidei</a>

		<ul>
			<li><a href="#">Climbing perches</a></li>
			<li><a href="#">Labyrinthfishes</a></li>
			<li><a href="#">Kissing gouramis</a></li>

			<li><a href="#">Pike-heads</a></li>
			<li><a href="#">Giant gouramis</a></li>

		</ul>
	</li>

	<li><a href="#">Gobioidei</a>
		<ul>

			<li><a href="#">Burrowing gobies</a></li>
			<li><a href="#">Dartfishes</a></li>

			<li><a href="#">Eellike gobies</a></li>
			<li><a href="#">Gobies</a></li>
			<li><a href="#">Loach gobies</a></li>
			<li><a href="#">Odontobutidae</a></li>

			<li><a href="#">Sandfishes</a></li>
			<li><a href="#">Schindleriidae</a></li>

			<li><a href="#">Sleepers</a></li>
			<li><a href="#">Xenisthmidae</a></li>
		</ul>
	</li>

</ul>
<body background=http://myun.altervista.org/new-york-city.jpg>


</html>

un altra cosa, visto che molto probalbimente l img viene sfocata ho pensato di metterla solo al centro e nei lati, mettere tipo un colore o un img diversa cosi da creare una sezione, come posso fare?
grazie a tutti

22-02-2010, 20.26.25

A parte i vari errori che ci sono all'interno del codice che hai postato, il background va messo nel css.

Dopo questo pezzo:

Codice:

<style type="text/css"><!--

metti (questo per dare un colore di sfondo):

Codice:

body {
background-color:#codicecolore;
}

Mentre se vuoi mettere un'immagine di sfondo:

Codice:

body {
background-image: url('cartella/images.png') ;
}

all'interno dell'url metti l'indirizzo in cui si trova l'immagine.

Comunque se cercavi nel forum, trovavi diverse discussioni.

**tuttocalciotc** · 23-02-2010, 21.22.25

si i codici che ti ha dato musicanapoli vanno benissimo, se non sai usarli ti spiego meglio io

Discussione: Come mettere lo sfondo in una pagina[era:sfondo]

LinkBack

Strumenti discussione

Display

Come mettere lo sfondo in una pagina[era:sfondo]

Regole di scrittura