Stile sotto-elenchi

[cnc]

Ho creato un elenco di voci tramite i tag ul e li; poi ho necessità di avere anche dei sottomenu. Ho fatto così:

 <span id="menu_2">
<ul>[*] link[*] link
<ul>[*] link [/list][*] link[/list]
</span>

il css si presenta così:

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
	font-size: 1.4em;
	padding-right: 20px;
	margin-top: 10px;
}

#menu ul li{
display:block;
padding:0;
margin:0;
} 

#menu ul li a{
display:block;
padding-right: 0.1em; 
}

#menu ul li a:link, #menu ul li a:visited {
color: #000;
font-weight: bold;
text-decoration:none;
}

#menu ul li a:hover, #menu ul li a:active {
background: url(images/freccia.gif) no-repeat left;
font-weight: normal;
	}

il funzionamento dell'elenco funziona, rispettando lo stile associato. Ho problemi però con il sotto-elenco al quale non viene applicato il css che ho scritto ma quello di default (e quindi le sotto-voci appaiono in un carattere e uno stile diverso).

Come si risolve? grazie

[fcaldera]

premesso che non si può inserire una lista dentro uno span, la lista annidata deve andare dentro un list-item

<ul> [*]link[*]link
   [*]
      <ul>[*]link [/list]
   [*]link[/list]

inoltre il tuo css prevede che la lista sia contenuta dentro un elemento con id="menu" che non c'è nel codice postato

[cnc]

si ho sbagliato a scrivere... menu_2 sarebbe menu;

non sapevo che non fosse possibile inserire una lista in uno span... perché non è corretto?

Io ho un "blocco" nel quale devo inserire questa lista... se tolgo lo span come la sistemo? applico la classe "menu" direttamente al tag ul?

grazie

[fcaldera]

uno span è un elemento inline. Per racchiudere il menu usa piuttosto una div che è un elemento blocco

[cnc]

in realtà io ho una cosa del genere (è solo un blocco presente in una pagina)

<div>
<span>titolo</span>
<span>menu</span>
<span>piede</span>
</div>

dovrei quindi far diventare tutti gli span dei div?

[cnc]

altra cosa... ma il foglio di stile poi come lo devo scrivere?
quello attuale continua a non essere riapplicato al sottomenu... :|

[fcaldera]

devi postare il codice completo della pagina così come lo riceve il browser oppure un link per vedere la pagina in questione altrimenti non è possibile stabilire cosa non va

[cnc]

<div id="menu">
<span id="menu_1">


:. Home Page</p>
</span>
<span id="menu_2">
<ul>[*]link[*]link[*]<ul>[*]link[/list][*]link[/list]
</span>
</div>

il foglio di stile è quello postato in apertura (che ora si adatta ai giusti nomi di classi e id)