Foros del Web » Creando para Internet » CSS »

Espacio entre una imagen y su propio borde

Estas en el tema de Espacio entre una imagen y su propio borde en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/06/2004, 19:13
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 14 años, 8 meses
Puntos: 0
Espacio entre una imagen y su propio borde

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?

<IMG Src="Imagen.jpg"' Style="Cursor:'Hand'; Border:'2 Solid Brown'; padding:'10';" onmouseover="this.style.border='2 solid Gold';" onmouseout="this.style.border='2 solid Brown';">
  #2 (permalink)  
Antiguo 21/06/2004, 03:54
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 21/06/2004, 11:20
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 14 años, 8 meses
Puntos: 0
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).
  #4 (permalink)  
Antiguo 21/06/2004, 12:11
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
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.
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #5 (permalink)  
Antiguo 21/06/2004, 12:50
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 14 años, 8 meses
Puntos: 0
OK... Gracias a los dos... ya lo he puesto... y esta funcionando...
  #6 (permalink)  
Antiguo 21/06/2004, 15:05
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:36.