Ver Mensaje Individual
  #12 (permalink)  
Antiguo 31/08/2010, 17:04
lepe
 
Fecha de Ingreso: febrero-2008
Mensajes: 160
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Como poner borde y No un sombreado a numeros Y QUE FUNCIONE EN INTERNET EX

Cita:
Iniciado por kseso? Ver Mensaje
¿Y por qué no utilizar un marcado más específico y semántico recurriendo a etiquetas que le son más propias?
Código HTML:
Ver original
  1. <var>54<sup>´32</sup></var>
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 Ver Mensaje
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