Ciao a tutti!
Volevo chiedervi se fosse possibile in un menù orizzontale dropdown eliminare il link dalla voce del menù che compare sempre (cioè il nome della sezione).
E lasciare invece che quando si passi sopra con il mouse esca fuori (con l'effetto appunto dropdown) il sotto menu (cioè le categorie) però senza la possibilità di linkare la sezione.
Non so se mi son spiegato..
Vi allego la parte del codice del template riferente al menù perchè il sito è offline...
/******sitename******/
#sitename {
float:left;
background:transparent;
margin-left:0px;
margin-top:-40px;
}
#topmenu{
float:left;
width:980px;
height:35px;
background:transparent;
margin:30px 0 0 0;
text-align:center;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0px;
}
#navigation {
float:left;
width:980px;
height:35px;
background:transparent;
text-transform: uppercase;
}
#navigation a {
display: block;
float: left;
height: 35px;
padding: 0 23px;
font-weight:bold;
color:#ffffff;
font-size:25px !important;
letter-spacing:1px;
background: url(../images/circle.png) 0 3px no-repeat;
}
#navigation a:hover{
color: #99cc00;
background: url(../images/circle-hover.png) 0 3px no-repeat;
}
#navigation li.active {
background: url(../images/circle-hover.png) 0 3px no-repeat;
}
#navigation li {
display: block;
float: left;
margin: 0;
margin-right: 5px;
padding: 0;
}
#navigation li li a {
font-size: 18px !important;
padding:13px 0 0 0;
color:#42b6d4;
}
#navigation li li {
border-top: 1px solid #cee7fa;
border-bottom: 1px solid #cee7fa;
}
.nav, .nav * {
margin:0;
padding:0;
}
.nav{
float:left;
position: relative;
z-index:10;
}
.nav ul {
background:#ffffff;
padding: 0;
}
.nav li {
float:left;
list-style:none;
position:relative;
background:none;
}
.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:200px;
}
#navigation li li a {
height: 30px;
line-height:30px;
}
#navigation li:hover li,
#navigatin li.sfHover li,
#navigation li.active:hover li,
#navigation li.active.sfHover li,
#navigation li:hover li span,
#navigation li.sfHover li span {
background-image: none;
}
#navigation li:hover li a,
#navigation li.sfHover li a,
#navigation li.active:hover li a,
#navigation li.active.sfHover li a {
background-image: none;
}
.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 200px;
z-index: 5;
border-left: 1px solid #cee7fa;
border-right: 1px solid #cee7fa;
border-bottom: 1px solid #cee7fa;
}
.nav li:hover ul,
.nav li.sfHover ul {
left:22px;
top: 35px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 177px;
top:0px;
width: 200px;
}
.nav li li {
position: relative;
float:none;
width: 200px;
}
