ciao ,
posto un nuovo messaggio perchè il problema è cambiato rispetto all'ultimo. nel senso che sono riuscita a fare ciò che volevo cioè un menu orizzontale in cui la voce viaggi ha un sottomenu. Ora il problema è che vorrei svincolare" la sottolista dalle caratteristiche di quella principale. Mi spiego: quando con il mouse si passa sopra alle voci di menù appare una freccia (che nel codice è img03.jpg). però ora quando passo sulla voce viaggi la freccia non appare ma appare sulle voci della sottolista. Io vorrei che la preccia appare normale come nelle altre voci di menu e al limite dare uno sfondo colorato alle sottovoci (che ne so, bianco e poi nero quando ci si va sopra)
vi posto il codice:
<div id="menu">
<ul>[*]Home[*]Viaggi
<ul>[*]Link 2-1[*]Link 2-2[*]Link 2-3[/list]
[*]Iscrizione[*]Gallery[*]Contatti[/list]
</div>
e il css:
body{
behavior: url(csshover2.htc); /*per IE6*/
}
#menu{
margin:0;
padding:0;
float: right;
}
#menu ul{
padding:0;
margin:0;
}
#menu li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
}
#menu li a{
display: block;
float: left;
padding: 30px 20px 0 20px;
text-decoration:none;
text-align: center;
line-height: 30px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #36220c;
}
#menu li a:hover{
background: url(images/img03.jpg) no-repeat center top;
}
#menu ul ul{
position: absolute;
top: 30px;
width: 100px;
visibility: hidden;
}
#menu ul li:hover ul{
visibility:visible;
}
