Hola buenas, estoy estancado en mi web porque queria agregar en numeros contorno y al ser irreconocible para internet explorer (solo funciona en firefox y en chrome) pues he visto que la mejor solucion es usar FIR (Fahrner Image Replacement) para que los numeros del 0 hasta el 9 en un determinado DIV de una pagina pues se sustituyan por imagenes que ya tengo creadas en photoshop que quedan con un contorno perfecto, a traves del firebug estuve observando que codigo usan unas determinadas web para conseguir ese efecto pero no se como lo consiguen ya que en .css no insertan los enlaces de las imagenes ni el codigo para que se sustituyan por los numeros y el unico codigo que introducen es en el html, ejemplo del codigo:
<div style="width: 150px; height: 28px; vertical-align: bottom;">
<img height="31" border="0" align="bottom" src="/imagenes/numeros/xxx.../1.gif">
<img height="31" border="0" align="bottom" src="/imagenes/numeros/xxx.../6.gif">
<img height="31" border="0" align="bottom" src="/imagenes/numeros/xxx.../8.gif">
<img height="31" border="0" align="bottom" src="/imagenes/numeros/xxx.../coma.gif">
<img height="25" border="0" align="bottom" src="/imagenes/numeros/xxx.../9.gif">
<img height="25" border="0" align="bottom" src="/imagenes/numeros/xxx.../5.gif"></div>
Consiguen que *
solo los numeros del precio* en la pagina web se muestren de la siguiente manera:
Y mi pregunta es:
¿Qué codigo deberia usar ya sea en html, .css, etc para que pueda sustituir solo los numeros de los precios por imagenes y que al actualizar los precios se cargen automaticamente dichas imagenes sin que tenga que añadir por cada numero distinto continuamente las imagenes una a una?
Solicito ayuda amigos, saludos cordiales