Cita:
Iniciado por kseso? ¿Y por qué no utilizar un marcado más específico y
semántico recurriendo a etiquetas que le son más propias?
Cambie /sup/ por /sub/ si lo quiere abajo.
Incluso se podría ahorrar el teclear la coma y el símbolo de la moneda con el uso de /:before/:after/ para [URL="http://bit.ly/bYF6kb"]generarlo[/URL] (proveyendo una solucción para los ie).
Sobre su consulta del #8:
Sí, la hay. Al menos dos:
- generando el texto con /:before/:after/ totálmente semántico y "automático".
- Como en el caso del encabezado de [URL="http://www.autosconarte.com/"]ésta página[/URL] o el el h1 y h2 de [URL="http://bit.ly/avLlfk"]ésta otra[/URL].
Y como veo que todos sus problemas radican en hacerlo compatible con ie, quizás le conviene investigar y probar alguno de los js que fuerzan a esa familia a entender e interpretar propiedades de css que no soporta.
Atentamente
Hola kseso? es muy interesante lo que explicas en tu web, sobre lo de "sup" y "sub" lo había visto en otras web que lo usan pero si tendria que añadir ese codigo para cada precio seria un trabajo interminable, el sombreado que queda en
autosconarte me ha servido muy bien como ejemplo y queda muy bien el contorno para el tipo de letra "arial" y las mas comunes pero para el tipo de letra que queria utilizar no consigo que me quede el contorno por todos los lados de los numeros, muchas gracias por tu aporte
Cita:
Iniciado por nakiox Hola.. otra alternativa que tienes es tratar los números como imágenes sin necesidad de crear una imágen para cada precio, lo que puedes hacer es:
- Generar una imágen por número con el sombreado (esto tb lo puedes hacer con el photoshop), o bien con la librería GD de PHP si quieres hacer "on-the-fly".
- A la hora de mostrar un precio (19,90€ por ejemplo) llamas a la imágen 1, luego a al 9, luego a la coma, luego al 9, etc..
Espero te sirva..
Saludos!
Tu alternativa es tambien muy interesante y no había caido en que se podria hacer de esta forma, ademas haciendo los numeros en photoshop quedarian los numeros con un contorno perfecto y real y ya no molestaria mas el dichoso internet explorer
¿Sabrias indicarme el codigo que necesitaria introducir en .css y luego en html para conseguir ese efecto?
Gracias por vuestro tiempo, saludos