list-style-type a destra

[karedas]

list-style-type a destra

Adesso ho un problema io e non riesco a trovare la soluzione nelle varie documenticazioni.

C'è un modo per posizionare lo "square" che si posiziona automaticamente alla sinistra dell'oggetto nel "<li></li>"....a destra?
L'unico modo che ho trovato per ora è creare un'immagine personale per l'elenco tipo quadratino e inserirlo dopo il testo nel "li".

esempio:

[HTML]<ul>
<li>bla bla bla <img src="quadratino.gif" alt="quadratino" /></li>
</ul>[/HTML]

Trovai tempo fa qualcuno sulla rete che lo spiegava però non vorrei aver sognato.

Ciao!

Andrea

[laburno]

Io farei così: annullerei il list-style-type e imposterei lo sfondo dei li con il quadratino a destra, poi aggiungerei un po di padding destro per lasciare lo spazio necessario affinchè si veda.

[stucco]

Da html/css non mi sembra proprio sia possibile... l'immaginina è una degli escamotage possibili

[karedas]

Si Laburno quell'idea l'avevo pure io solo il problema è che ho bisogno di un quadratino più piccolo dell'altezza del testo quindi è relativamente impossibile.

se ho un LI di altezza 20px, il testo sarà comunque di un'altezza pari o inferiore.
A sua volta il quadratino formato dal padding sarà sempre e comunque alto come o più del testo.

[meryk]

Hai provato a mettere al posto dell'immagine, uno span contenete uno spazio (o quanti te ne servono) e a formattarlo con il background?

[gabip87]

@karedas said:

Si Laburno quell'idea l'avevo pure io solo il problema è che ho bisogno di un quadratino più piccolo dell'altezza del testo quindi è relativamente impossibile.

potresti spiegarti meglio, per favore? cosa ti impedisce di usare un quadrato 5x5px e centrarlo con il background-position?

ah, scusate ho risposto in un 3d un po' vecchio. non avevo visto la data.

[misterwo]

x me dovresti usare uno sfondo alla tua LI con l'immagine del pallino poi fai un allineamento del bg a destra e centrato...senza ripetizione...dovrebbe andare