problema con numeri e text-decoration: line-through;

[webstyler]

Originariamente inviato da Jerry Masslo
sinceramente a me non sembrano zeri, però se tu li vedi così

vedi immagine

la cosa più semplice che ho trovato è usare un'immagine di sfondo, tipo 10x10 con un trattino in mezzo, poi mettere il numero dentro uno span e dare lo sfondo allo span

span {background:url(Linea.gif) repeat-x 50% 80%}


il secondo valore in %, ma puoi usare tutte le misure che credi, sposta la linea sull'asse y e puoi regolarla come credi

a questo punto usando un'immagine di sfondo puoi anche fare due linee incrociate come una x schiacciata, sufficientemente grande per ogni prezzo anche a caratteri ingranditi, avere cura solo di mettere il punto d'incrocio delle due linee al centro dell'immagine e posizionarla con:

span {background:url(X.gif) no-repeat center}

e visto che ci sei puoi anche dargli un colore diverso dal prezzo

ottima idea, non ci avevo pensato

thks