@Digital Daigor said:
Scusa, ma per capire meglio, potresti postare il codice che stai usando, così da fare ipotesi su quello corretto...senò mi sconfusiono!
Ciao scusa il ritardo....ma sai le donne per buona regola si fanno aspettare.
Scherzavo, in verità ho cercato di risolvere da sola per non fare la parte della sciocchina, per lo più o risolto sono riuscita: ad accentrare(non è accentrato al 100%, ma lo sappiamo solo io, tu e chi legge il messaggio), modificare le dimensioni della barra(non ho più una barra lungo tutta la larghezza della pagina), sono riuscita a posizionare un'immagine che mi fà da bottone, ma ho ancora un problema.
Non riesco a dare ai pulsanti del menù principale la stessa dimensione.
Il codice che ti posto è il tuo per il menù orizzontale (non mi chiedere qual'è fra quelli che mi hai postato perché non mi ricordo, so solo che funziona sia in IE che firefox)
Codice:
<head>
<style>
.menuNavigazione
{
margin: 0;
padding:0;
list-style:none;
height:2em;
width:400px;
}
.menuNavigazione li
{
float:left;
position:relative;
/*display:inline;*/
}
.menuNavigazione a
{
float:left;
height:2em;/*height:0em;*//*height:2em;*/
line-height:2em;
padding:0 0.7em;
text-decoration:none;
border:1px solid
#9798FF;
white-space:nowrap;
}
.menuNavigazione ul
{
margin:0;
padding:0;
list-style:none;
width:17em;
}
.menuNavigazione ul li
{
float:none;
}
.menuNavigazione ul a
{
float:none;
display:block;
height:1.8em;
line-height:1.8em;
white-space: normal;
}
.menuNavigazione ul, menuNavigazioneul.subMenu-off
{
position:absolute;
visibility:hidden;
}
.menuNavigazione ul.subMenu-on
{
visibility:visible;
}
.menuNavigazione ul.subMenu-on
{
position:absolute;
top:2em;
left:-1px;
visibility:visible;
}
.menuNavigazione ul.subMenu-on ul.subMenu-on
{
margin: 0 0 0 -1px;
width: 17em;
position:absolute;
top:-1px;
left:17em;
}
.menuNavigazione
{ background: url(img/logo/xxxx.jpg);
background:
#FFFFFF;
color: blue;
}
.menuNavigazione a
{
background: url(img/logo/xxxx.jpg);
color:blue;
}
.menuNavigazione a:hover, .menuNavigazione a:focus, .menuNavigazione a:active
{ background: url(img/logo/xxxx.jpg);
color: red;
text-decoration: underline;
}
.menuNavigazione a.continua
{
background:url(img/logo/xxxx.jpg) center no-repeat;
}
.menuNavigazione ul.continua
{
background:url(img/logo/xxxx.jpg) center no-repeat;
}
</style>
<script>
menuClassName = "menuNavigazione";
function closeSub(menu)
{
for(var i=0; i<menu.childNodes.length; i++)
{
if(menu.childNodes*.nodeName.toLowerCase()=="li")
{
li = menu.childNodes*;
li.onmouseover = li.onactivete = li.onfocus = function(){if(this.subMenu)this.subMenu.className = this.subMenu.className.replace(/subMenu-off/g,"subMenu-on")};
li.onmouseout = li.ondeactivate = li.onblur = function(){if(this.subMenu) closeSub(this.subMenu)};
for(j=0; j<li.childNodes.length; j++)
{
if(li.childNodes[j].nodeName.toLowerCase()=="ul" || li.childNodes[j].nodeName.toLowerCase()=="ol")
{
closeSub(li.subMenu = li.childNodes[j]);
}
}
}
}
menu.className = menu.className.replace(/\s?subMenu-on/g,"")+" subMenu-off";
}
window.onload = function(e){
if(tags_ = document.getElementsByTagName('ul'))
{
for(i=0; i<tags_.length; i++)
{
if(tags_*.className==menuClassName)
{
closeSub(tags_*);
}
}
}
if(tags_ = document.getElementsByTagName('ol'))
{
for(i=0; i<tags_.length; i++)
{
if(tags_*.className==menuClassName)
{
closeSub(tags_*);
}
}
}
}
</script>
</head>
<body>
<div align=center>
<ul class="menuNavigazione">
<li><a href="#" class="continua">Menù 1</a>
<ul>
<li><a href="#">Lavori in corso</a></li>
</ul>
<li><a href="#" class="continua">I nostri servizi</a>
<ul>
<LI><a href="acon.php" target="_self">Acquisti e Consumi</a></li>
<li><a href="ali.php" target="_self">Alimentazione</a></li>
<li><a href="assi.php" target="_self">Assicurazioni</a></li>
<li><a href="casute.php" target="_self">Casa e Utenze</a></li>
<li><a href="inter.php" target="_self">Internet</a></li>
<li><a href="risp.php" target="_self">Risparmio</a></li>
<li><a href="sal.php" target="_self">Salute</a></li>
<li><a href="tel.php" target="_self">Telefonia</a></li>
<li><a href="sersoc.php" target="_self">Servizi e Società</a></li>
<li><a href="tutra.php" target="_self">Turismo e Trasporti</a></li>
<li><a href="tvme.php" target="_self">Tv e Media</a></li>
</ul>
</li>
<li><a href="#" class="continua"> Link amici</a>
<ul>
<li><a href="#">Prima sottovoce</a></li>
<li><a href="#">Seconda sottovoce</a></li>
<li><a href="#">Terza sottovoce</a></li>
</ul>
</li>
<li><a href="#" class="continua">Menù 4</a>
<ul>
<li><a href="#">Lavori in corso</a></li>
</ul>
</ul>
</div>
Se provo a dare un'unica dimensione ai 4 pulsanti, mi sballano i sottomenù che si posizionano di ca 3cm più a destra creando un effetto brutto oltre al fatto che mi sballa tutto il resto.
Un bacione da un'imbranata