Espacio entre una imagen y su propio borde

Wel · #1 (**permalink**) 20/06/2004, 18:13

Bueno os explico:
Cuando pongo una imagen con borde, este borde queda siempre rodeando a la imagen pero pegada a ella, yo lo que quiero es un borde alrrededor de una imagen pero que no este pegado a ella o sea que este a una distancia, algo asi como el "padding" de una celda y el contenido de esta.

Este codigo no me funciona para lo que quiero....¿Como se haria?

PatomaS · #2 (**permalink**) 21/06/2004, 02:54

Hola

No hay problema, prueba esto:

<img src="tu_imagen.jpg" width="100" height="100" id="fotito" alt="" style="border: 1px solid #ff0000; padding: 10px" />

Felicidad

Wel · #3 (**permalink**) 21/06/2004, 10:20

Hola PatomaS, el codigo es lo mismo que yo tenia, pero he puesto tal cual tu codigo... y sigue apareciendo el borde pegado a la propia imagen (sin los 10px del padding).

PascalC · #4 (**permalink**) 21/06/2004, 11:11

El código de PatomaS funaciona, lo que pasa es que debes indicar tu versión de XHTML/HTML para que IE funcione mejor, por ejemplo :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Cuidado, mencionar la unidad es obligario en CSS : 10px y no 10, nota también que no hay espacio entre 10 y px.

Wel · #5 (**permalink**) 21/06/2004, 11:50

OK... Gracias a los dos... ya lo he puesto... y esta funcionando...

PatomaS · #6 (**permalink**) 21/06/2004, 14:05

Hola

Importante la acotación de PascalC, siempre tapando los huecos que dejo

;)

Habís olvidado que como yo siempre uso DTD en las páginas, eso afecta.

Bueno, el tema se solucionó y yo espero no volverlo a olvidar.

Gracias

Felicidad