Fare funzionare menu su IE

[pezzo]

Ciao ragazzi, mi aiutate a fare funzionare questo menu anche su IE6? Grazie

eccovi il menu:

<ul id="menu">
	<li id="scuola"><span>Scuola</span>
			
			<ul>
				[*]Presentazione
				[*]Organizzazione
				[*]Attivit&agrave;
				[*]Galleria
			[/list]
			
	
	<li id="extra"><span>Attivit&agrave; extra</span>
			
			<ul>
				[*]Attivit&agrave; pomeridiane
				[*]Feste di compleanno
				[*]Tempo d'estate
			[/list]
			
	
	<li id="contatti"><span>Contatti</span>
	[/list]

e il css:

#navigation{
  padding: 61px 0 0 311px;
}

#menu, #menu ul  {
  font-family: Verdana;
  font-size: 9pt;
  font-variant: small-caps;
  list-style-type	: none;
  margin: 0;
  padding: 0;
  width: 700px; 
}


#menu li { 
	float: left; 
	height: 20px; 
	margin-right: 63px;
}

#menu li a{
  display: block;
  width: 120px;
  height: 61px;
}

#menu li ul li{
  margin: 0px;
}

#menu li ul li a{
  width: auto;
  height: 20px;
  background: transparent;
  margin-right: 30px;
}

#menu li:hover, #menu a:hover {
	position: relative; 			
}

#menu li:hover li:hover, #menu a:hover a:hover{
	position: static; 			
}

#menu ul { 
  display: none;  
}
	
#menu a:hover { 
  direction: ltr; 
}
	
#menu a:hover ul, #menu li:hover ul {
  display: block;
  position: absolute;
	background: transparent; 
	height: 20px;
	z-index: 100;
	padding-top: 4px;
	 
}

#scuola a, #extra a, #contatti a{
		background: url(../immagini/menu.gif) no-repeat;
		color: #136227;
		font-weight: bold;
}


/* image replacement*/
#menu li span {
		position: absolute;
		left: -9384px;
	}

/* sfondo link */
#scuola a {
	background-position: 0 0;
}

#extra a{
	background-position: -180px 0;
}

#contatti a{
	background-position: -362px 0;
}

#scuola.on a{
	background-position: 0 -70px;
}

#extra.on a{
	background-position: -180px -70px;
}

#contatti.on a{
	background-position: -362px -70px;
}

/* rollover */
#scuola a:hover{
 background-position: 0 -140px;
}

#extra a:hover{
	background-position: -180px -140px;
}

#contatti a:hover{
	background-position: -362px -140px;
}

[fcaldera]

http://www.cssplay.co.uk/menus/

[pezzo]

Ok, grazie.

Ma l'unico esempio simile che sono riuscito a trovare (questeo ) è realizzato in maniera piuttosto diversa...

Non mi potete semplicemente aiutare a capire come adattare quello che ho già? (che tra l'altro non è altro che il tuo script fcaldera! )

[fcaldera]

ma in quello che hai fatto tu manca del tutto la parte dei commenti condizionali interpretati da IE 6 e precedenti cha annidano una tabella... per quello non funziona.

Guarda invece il sorgente dei menu che ti ho linkato... oppure del menu orizzontale a cui ti riferisci.

[pezzo]

Li ho levati perché non funzionavano... aspe che li rimetto così guardi...

fatto sempre lo stesso link

[hopeful]

Scusate se sposto un pò il tema dell'argomento che mi interessa molto: ho dato un'occhiata al codice e non capisco il seguente codice in rosso

Se qualcuno mi può dare una dritta per capirne il funzionamento. Ho cercato con google solo per ritrovarlo uguale. Capisco che deve essere un hack o un workaround, ma non riesco a risalire al funzionamento.

Grazie

[pezzo]

Ok, avevo combinato un pasticcio: non avevo chiuso la tabella in uno degli elementi della lista.

Adesso si vede un po' sballato ma penso che giocando sulle dimensioni delle celle dovrei farcela.

casomai ci risentiamo!


PS.
Per hopeful: il concetto è essenzialmente quello di mettere in una tabella il sottomenu per le versioni di IE che non supportano bene l'hover.

Ma sono sicuro che fcaldera sarà più bravo di me a spiegarti il dettaglio tecnico!

[hopeful]

Se non ho capito male, invece, di passare del codice CSS specifico per IExplorer 6, passo del codice HTML specifico?

[fcaldera]

si, i commenti condizionali e tutto ciò racchiuso da essi vengono interpretati solo da internet explorer dalla versione 5 in poi. Sono formalmente commenti html, quindi possono trovarsi solo in documenti html

Se vuoi saperne di più guarda tra i link utili in evdienza o cerca "conditional comments"

[hopeful]

Grazie.

Ho capito: credevo che i commenti conidzionali servissero per passare solo blocchi di codice CSS; mi sbagliavo. Servono anche per blocchi di codice html