[list-style-image] posizione assurda

[Jarno]

se come elemento per identificare gli elementi di una lista mettiamo delle immagini in po' grandine succede che:
- il testo parte dal basso, quasi fosse inline con l'immagine, mentre sarebbe meglio avere un effetto float con tutto il testo affianco
- l'immagine sta appiccicata al testo...mentre vorrei gestire lo spazio

non c'è verso, le ho provate di tutte (padding, margin, vertical-align, ...) ma sembra che l'immagine sia inline con il testo, e sia piazzata "a caso" con un calcolo che più o meno ce la faccia entrare l'immagine



ed io che avevo abbandonato le tabelle.... dite che sia il caso di dare un secondo goal al table?

provate questo e stringete la finestra

[list=1]
    <li style="list-style-image: url('http://www.parchilagomaggiore.it/jpg/logo.gif'); background-color:#888"><div style="background-color:#444; ">ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1 ciao1</div>
    [*]ciao1
    [*]ciao1[/list] 

è veramente così o sbaglio qualcosa?

[Jarno]

un raggiro che ho provato e funziona bene mi è stato dato da erredeco qui :

omettere il puntatore, piazzare un background, e dare un padding che lasci vedere l'immagine



Table vs List = 2-10