Menù tendina su menù a css possibile?

[Sonikag]

Ho un menù creato con i css è possibile che al mouse over di una voce compaia la tendina? se si come?

<div class="barramenu"> 
      <div id="navigation2"> 
        <ul>[*]voce1[*]voce2[*]voce3[*]voce4[/list]
      </div>
    </div>

A tale menù con i css gli ho dato una posizione fissa, quindi avrei i riferimenti in px a dove dovrebbe comparire la tendina.

Sonia

[pierofix]

Sure!

- http://www.alistapart.com/articles/horizdropdowns/

[Sonikag]

grazie, sto facendo delle prove ma ho fatto un po' di confusione.
Prima di tuttouna domanda, non ho capito bene che bug da con IE6.

poi...
La mia funzione:

<script language="JavaScript">
<!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;
-->
</script>

il mio css:

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}

ul li {
	position: relative;
	}

li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
	
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

li:hover ul, li.over ul { 
	display: block; }

Il menù è uguale a quello del link che mi hai passato ma in fase di visualizzazione quando vado via con il mouse da una voce il menù non scompare.

Sonia

[Sonikag]

Piccolo errorino, sono riuscita a farlo funzionare!

Adesso come posso renderlo un menù orizzontale?

E poi non vorrei che i tag ul, li ecc... mi andassero a sovrascrivere gli altri, come va variato il css?

Sonia