Salve amici, purtroppo ho un problema che per mia ignoranza non riesco a risolvere.
Ho realizzato un menu' orizzontale banale, racchiuso in un div all'interno di una pagina html.
Solo che non riesco a spostarlo a destra oppure a sinistra come desidererei fosse.
Per meglio dire, potrei anche spostarlo, anche se a destra non lo fa' e non capisco cosa possa essere, solo che se sotto il menu' creo una tabella dove inserisco immagini in jpg, se sposto il menu' mi sposta automaticamente anche la posizione delle immagini. E questo non va bene.
Insomma a me iteressa poter spostare il menu' dove voglio mentre tutto il resto dovrebbe rimanere fisso al centro dello schermo.
Come fare ?
[*]
DOCUMENTO HTML
<!DOCTYPE html PUBLIC>
<html xmlns="
http://www.w3.org/1999/xhtm">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PROVA</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" language="javascript" src="script.js"></script>
<style type="text/css">
.auto-style2
{
text-align: left;
}
</style>
</head>
<body onload="menuSlider.init('menu','slide')">
<div class="auto-style2">
<div class="menu">
<ul id="menu">
<li class="auto-style2"><a href="#">menu01</a></li>
<li class="auto-style2"><a href="#">menu02</a></li>
<li class="auto-style2"><a href="#">menu03</a></li>
<li class="auto-style2"><a href="#">menu04</a></li>
<li class="auto-style2"><a href="#">menu05</a></li>
</ul>
</div>
</div>
</body>
</html>
[/*]
[*]
DOCUMENTO CSS
* {margin:0; padding:0}
body {font:16px Helvetica; background:#FFF}
.menu {font:16px Helvetica; text-align:center; width:431px; margin:0 auto}
.menu ul {z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {color:#000; padding:10px}
.menu a:hover {color:#da181d; background:#bbbbbb}
[/*]
Vi ringrazio anticipatamente per eventuali suggerimenti