sono alle prese con un dilemma di molti ... ho creato una pagina che mi deve fungere da index, come sfondo non ho messo un colore qualunque ma un immagine di un mio file (sfondo-index.jpg) quindi di tot pixel, l'ho inserita in una tabella centrata, con sfondo del body nero; quindi tutto ok, chiunque aprirà questa mia pagina vedrà questa tabella centrata con sfondo nero. ... pero' mi sembrava un po' troppo statica, quindi ho voluto creare la stessa con un menu a scorrimento che ho scaricato dalla rete: ora questo menu ha un file di esempio.htm, io l'ho modificato etc etc e ho messo come immagine di sfondo il file che avevo (sfondo-index.jpg) ma questo, a seconda dello schermo, andrà a ripetersi con evidente "bruttura" (con schermo piu' grande) o sarà piu' grande e bisognerà scorrere a destra e sinistra in alto e in basso (con schermo piu' piccolo), domande:
1) c'è possibilità di centrare la pagina che ho scaricato dalla rete, quella con il menu a scorrimento da me modificata, con il mio file di sfondo ?
(Vi posto il codice)
2) posso inserire nella tabella che ho creato io, che mi si mette al centro con lo sfondo nero, il codice o parte del codice?
p.s.) per correttezza Vi chiedo se posso postare questo quesito su altri forum della rete.
questo è il 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" lang="it">
<head>
<title>roberta ubaldi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Keywords" content="javascript" />
<link rel="stylesheet" href="_common/css/main.css" type="text/css" media="all">
<link href="imageMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_common/js/mootools.js"></script>
<script type="text/javascript" src="imageMenu.js"></script>
<style type="text/css">
body {
background-image: url(sfondo-index.jpg);
margin-top: 0em;
}
</style>
</head>
<body>
<div id="example">
<div id="imageMenu">
<ul>
<li class="biografia"><a href="http://www.aaronbirchphotography.com">Landscapes</a></li>
<li class="curriculum"><a href="http://www.aaronbirchphotography.com">People</a></li>
<li class="recensioni"><a href="http://www.aaronbirchphotography.com">Nature</a></li>
<li class="opere"><a href="http://www.aaronbirchphotography.com">Urban</a></li>
<li class="eventi"><a href="http://www.aaronbirchphotography.com">Abstract</a></li>
</ul>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
});
</script>
</div>
</body>
</html>