Allineamento menu con CSS a capo

[nicyork]

Ciao.
Ho visto che ci sono alcuni 3d dove si parla di menù con i css, ma non ho trovato niente che possa rispondere alla mia domanda...che quindi vi espongo.

Ho un menù, formato da varie voci, in verticale...ogni voce è preceduta da una immaginetta (tondino).
Il tutto dentro un "<div class="menu">" dove menu è definito:

.menu{
padding:0 0.5em; width:260; background-color: #fff; border: #f00 1px solid; font-weight: bold; font-size: 12px; color: #000;
}

Ora... capita che alcune voci siano troppo lunghe e vadano a capo... e questo mi sta bene, però vorrei che venissero allineate alla prima lettera della voce di menù.

Come posso fare?
Sapete darmi qualche suggerimento?
O l'unico modo è fare una tabella con due colonne, una per il pallino e una per la voce di menù?

Grazie.
Ciao.

[nicyork]

Nessuno che mi sappia dare qualche indicazione?

Grazie.
Ciao.

[kaze]

Ma per la struttura del menu usi UL LI ????

[nicyork]

No, di fatto ho inserito solo il div e poi dentro una lista di voci divise da
e indentate per ora con spazi bianchi... so che non è il modo migliore, chiedevo apposta come sistemarlo.

Grazie.
Ciao.

[kaze]

Appunto usa UL LI a cui puoi anche assegnare una img e magicamente si allinea tutto alla perfezione !!!

[nicyork]

Ok, grazie per il consiglio... provo... ma le immagini come le metto? le associo al tag il?
Come si fa?

Grazie.
Ciao.

[kaze]

Originariamente inviato da nicyork
Ok, grazie per il consiglio... provo... ma le immagini come le metto? le associo al tag il?
Come si fa?

Grazie.
Ciao.

Dai una letta a questo articolo : http://pro.html.it/articoli/id_405/idcat_8/pro.html

[nicyork]

Grazie... vado a vedere.
Ciao.

[nicyork]

Ho dato un occhio... e fatte alcune prove.. però....

questo il codice del css:

ul.menu
{
width:260px;
margin:0; padding:0;
display:block;
text-decoration:none;
background:#fff;
font-weight: bold;
font-size: 12px;
}
li.rosso
{
list-style-image: url(punto_rosso.gif);
color: #f00;
}

nella pagina ho messo

<ul class="menu">
<li class="rosso">Prima Pagina
[*]Seconda pagina[/list]

Però praticamente mi viene il blocco bianco del menù, le scritte in rosso, ma i pallini rossi sono fuori dal blocco del menù (che tanto bene è rosso, quindi all'inizio non li vedevo proprio .

Come mai vengono fuori dal blocco bianco del menù?

Ho creato la classe rosso del li perchè poi ne devo creare una nera, in quanto i puntini per alcune voci sono rossi per altre neri.

Qualche idea?

Grazie.
Ciao

[kaze]

Altro riferimento : http://www.html.it/css/guida_css_25.htm

in particolare ti dovrebbe essere utile list-style-position !