selezione menù che non rimane

[massimo67]

Esempio per capire meglio il passaggio da fare vedi quì

come potete vedere scorrendo le voci del menu, quando mi posiziono ad esempio su Topics e scendo con il mouse scompare l'immagine rollover (io la chiamo così) sopra la scritta Topics. Vorrei che rimanesse selezionata fintanto che sono nei sotto menù, ovviamente lo stesso vale per le altre voci che hanno dei sottomenù.

posto il CSS se può essere utile

/* links
*************************/

a:link, a:visited, a:hover, a:active
{
text-decoration: none;
}

/* inline elements
*************************/

strong
{
font-weight: bold;
}

/* tabs
*************************/

ul.tabs
{
display: table;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}

ul.tabs li
{
margin: 0;
padding: 0;
list-style: none;
display: table-cell;
float: left;
position: relative;
}

ul.tabs a
{
position: relative;
display: block;
}

/* dropdowns
*************************/

ul.dropdown
{
margin: 0;
padding: 0;
display: block;
position: absolute;
z-index: 999;
top: 100%;
width: 250px;
display: none;
left: 0;
}

ul.dropdown ul.dropdown
{
top: 0;
left: 95%;
}

ul.dropdown li
{
margin: 0;
padding: 0;
float: none;
position: relative;
list-style: none;
display: block;
}

ul.dropdown li a
{
display: block;
}


/* menu-specifc
*************************/

#menu
{
z-index: 5;
width: 700px;
height: 26px;
line-height: 31px;


}

#menu ul
{
margin: 0 auto;
}

#menu ul li.hasmore
{
background: url(images/drophighlight.png) no-repeat center 27px;
}

#menu ul li h4
{
margin: 0;
}

#menu ul li h4 a
{
font-size: 11px;
color: #000;

padding: 0 15px;
}

#menu ul li a
{
color: #9b2021;
padding-left: 4px;
}

#menu ul li a img
{
vertical-align: middle;
}

#menu ul li a:hover
{
background: url(images/topselectionleft.png) top left no-repeat;
}

#menu ul li a span
{
display: block;
padding: 0 15px 0 11px;
}

#menu ul li a:hover span
{
background: url(images/topselectionright.png) top right;


}

#menu ul.dropdown
{
padding: 10px;
background-image: url(images/dropdown.png);
overflow:hidden;
border-bottom: 1px solid #dc902f;
width: 290px;
}

#menu ul.dropdown li a
{
border-bottom: 1px solid #e3fbcb;
line-height: 30px;
overflow: hidden;
height: 30px;
}

#menu ul.dropdown li.last a
{
border-bottom-width: 0;
}

#menu ul.dropdown li a:hover
{
background: url(images/menuarrow.png) no-repeat left center;
}

#menu ul li h4 a:hover
{
background-image: none;
}

grazie !

[Mich_]

Ci sono siti specializzati in proporre menu solo CSS fatti bene e funzionanti.
Alcuni sono citati tra i "link utili" (a me piacciono quelli di CSSplay), altri li puoi trovare mediante ricerca in rete.

[massimo67]

Originariamente inviato da Mich_
Ci sono siti specializzati in proporre menu solo CSS fatti bene e funzionanti.
Alcuni sono citati tra i "link utili" (a me piacciono quelli di CSSplay), altri li puoi trovare mediante ricerca in rete.

Lo script lo preso dalla sezione Javascript di questo sito, sinceramente mi piace e penso di tenerlo, pensavo fosse fattibile la modifica. Tutto sommato va bene anche così.