Lista

[E|ena]

vorrei fare una lista con ul e li
il problema è che all'inizio di ogni elemento della lista non vorrei usare ne i pallini ne i numeri ma un codice fatto da me (ovvero un >>)

è possibile farlo?

[Federix]

Non puoi usare un indicatore per[*] personalizzato a meno che non sia un immagine.
Crea l'immagine che indica ogni inizio di punto elenco e poi richiama con CSS in questo modo:

li {
list-style-image: url(immagine.png);
}

[pierofix]

Un modo intelligente c'è, ma è supportato solo dai browser seri. Un'alternativa compatibile è l'utilizzo di un'immaginetta di sfondo. Forse sai già farlo da sola.

[Edit] Non avevo visto la risposta di Federix. Diciamo che un modo con i CSS esiste, ed è pure standard, però caca-IE, manco a dirlo, non lo supporta. Per quanto riguarda le immagini, mi pare di aver notato, sia da esperienza personale sia da problemi trattati qui sul forum, che conviene preferire un approccio simile:

li
{
   padding-left:30px; /* dipende dalla larghezza dell'immagine */
   background:url('sfondo.png') no-repeat 0 50%;
   list-style-type:none;
}

[E|ena]

avrei preferito fare tutto via html ma credo che farò come suggerisce Federix
peccato!

[pierofix]

Originariamente inviato da E|ena
avrei preferito fare tutto via html

Tramite CSS la procedura è la seguente (sconsigliata per motivi di incompatibilità):

li
{
   list-style-type:none;
}
li:before
{
   content:">> ";
}

[E|ena]

ma devo usare per forza un png? le gif non vanno bene?

[pierofix]

Originariamente inviato da E|ena
ma devo usare per forza un png? le gif non vanno bene?

Il mio era solo un esempio.

[E|ena]

non capisco perchè non mi va

li 
{
    list-style-image: url(imgsito/icon.gif);
}

però vedo i pallini neri al posto della mia immagine

[E|ena]

se uso il tuo metodo pierofix non vedo nulla

[pierofix]

Abbiamo messo troppa carne al fuoco. Riassumiamo.

XHTML
<ul>[*]Uno[*]Due[*]Tre[/list]

CSS
li
{
   padding-left:30px; /* dipende dalla larghezza dell'immagine */
   background:url('imgsito/icon.gif') no-repeat 0 50%;
   list-style-type:none;
}

Così non funziona?