menù a tendina crossbrowser e accessibile

[pegaso22]

Ciao a tutti,
volevo fare una discussione per ricapitolare definitivamente un discorso sul quale tanti di noi hanno avuto e hanno tuttora dei problemi.
La realizzazione di un menù a tendina o cascata che sia compatibile con i principali browser e che sia accessibile.
Ho letto tante discussioni qua nel forum ma nessuna mi ha soddisfatto a pieno.

Dall'isea che mi son fatto credo che i css siano "l'arma" più consigliata per realizzare ciò che ho scritto.

Innanzi tutto vorrei una conferma o una smentitita su quest'ultima cosa che ho scritto, quindi nel caso segnalare quale "linguaggio" sia meglio adottare.
Volevo, se ce ne sono, avere dei link in modo da poter imparare più rapidamente possibile sia io che tutti coloro che si trovano nella mia stessa situazione.
Inoltre, visto che tutti gradiscono una grafica facilmente personalizzabile e da rendere quqnto più gradevole, vorrei potare aventi il discorso tenendo conto anche di questo fondamentale punto.

Detto ciò, aspetto da tutti gli espertoni e non il maggior numero di risposte così da eliminare questo discorso per sempre.... anche se sò che non sarà mai così!!

Ringrazio tutti anticipatamente.

[Sgnafurz]

in che maniera si può rendere un menù a tendina accessibile?
io nn credo che le due cose siano compatibili

[pacovox]

http://www.test.constile.org/menu_pop_laterale.html
Mi sembra abbastanza accessibile, Jaws lo legge senza problemi e i browser visuali con javascript disabilitato o che non supportano il dom dovrebbero vedere una normale lista.

[pegaso22]

in che maniera si può rendere un menù a tendina accessibile?
io nn credo che le due cose siano compatibili

Intendevo che passasse i controlli del w3c sull'html, non so se è possibile.

http://www.test.constile.org/menu_pop_laterale.html
Mi sembra abbastanza accessibile, Jaws lo legge senza problemi e i browser visuali con javascript disabilitato o che non supportano il dom dovrebbero vedere una normale lista.

Non c'è lo stesso, visto che come hai detto potrebbe andare bene, però orizzontale?

[pacovox]

Per portarlo in orizzontale dovrebbe bastare la modifica del css.

[Sgnafurz]

Originariamente inviato da pacovox
http://www.test.constile.org/menu_pop_laterale.html
Mi sembra abbastanza accessibile, Jaws lo legge senza problemi e i browser visuali con javascript disabilitato o che non supportano il dom dovrebbero vedere una normale lista.

ah però
non avevo mai pensato ad un menù a tendina fatto con le liste
mi sa che mi devo aggiornare

grazie del link me lo tengo tra i bookmarks

[pegaso22]

questo è il codice del file css:

a:link,a:visited{
background:transparent;
color:#009;
font-weight:bold;
}
a:hover,a:active,a:focus{
background:#ff0;
color:#000;
}
body{
margin:0;
padding:1em;
font:80% verdana,helevetica,sans-serif;
}
p{
margin:0 0 1em 170px;
}
h1 {
	font:bold 1em "Bitstream Vera Sans",arial,helvetica,sans-serif;
	margin:0;
	padding: 5px 0;
	background: #fff;
	color: #e10022;
}
/* menu */
#menu{
width:150px;
position:absolute;
left:1em;
background:#ffc;
color:#000;
}
#menu ul{
margin:0;
padding:0;
list-style:none;
}
#menu ul a{
padding:2px 5px 2px 7px;
border: 1px solid #e1c000;
border-left:10px solid #e1c000;
display:block;
text-decoration:none;
}
#menu ul li{
margin:0;
float:none !important;
float:left;
width:100%;
position:relative;
margin-bottom: -1px;
}
#menu ul li li{
background:transparent;
}
#menu ul li ul.subMenu-off{
position:absolute;
visibility:hidden;
}
#menu ul li ul.subMenu-on{
width:150px;
padding:0;
list-style:none;
position:absolute;
left:140px;
top:0;
z-index:50;
}
#menu ul ul{
margin:0;
padding:0 0 0 1.5em;
list-style:square;
background:#ffc;
color:#000;
}
#menu ul ul a{
border:none;
}
#menu ul ul.subMenu-on{
background:#fff;
color:#000;
}
#menu ul ul.subMenu-on a{
border: 1px solid #e1c000;
border-left:10px solid #e1c000;
}

dove devo mettere le mani per renderlo orizzontale?
Mi potete dare una mano?

Grazie mille anticipatamente.

[Kreatore]

non impazzire e guarda qui:

http://www.extrowebsite.com/articolocss.asp?ID=13


ti risolve il problema.

[Marcolino's]

#menu ul a{
padding:2px 5px 2px 7px;
border: 1px solid #e1c000;
border-left:10px solid #e1c000;
display: inline;
text-decoration:none;
}

Dovrebbe bastare, se non va, dimensiona anche ul e mettilo a display: inline.

[Indio23]

:rollo: