Ayuda con un borde! Porfa

[xxarturito14xx]

fileden.com/files/2009/6/14/2476793/pantalla_cositas_lindas.jpg

Hola!

Soy nuevo aqui.

Quisiera saber como le quito una linea que se pone automaticamente entre una imagen y el borde, en el enlace de arriiba esta una imagen (solo copien y peguen), que si se fijan bien, entre la imagen y el borde rosa y el verde, se ve una linea del color del fondo (amarillo-claro).

Como se la quito?

Les dejo el codigo HTML:

<div id="imagen1" align="center">
<img src="objetos/cara_papa.jpg" alt="Sr. y Sra. cara de papa" height="280" width="350" />
<img src="objetos/chavo.jpg" alt="Chavo del 8" height="280" width="350" />
</div>

<div id="imagen2" align="center">
<img src="objetos/base_plastico.jpg" alt="Base de plastico" height="280" width="350" />
<img src="objetos/hoja.jpg" alt="Base de hoja" height="280" width="350" />
</div>

Y aqui esta el codigo css:

#imagen1 {height : 270px ; border:3px solid #ff00cc}
#imagen2 {height : 270px ; border:3px solid #ccff33}

Desde ya agradesco su respuesta!

[jomaruro]

Hola:

Iniciado por xxarturito14xx

#imagen1 {height : 270px ; border:3px solid #ff00cc}
#imagen2 {height : 270px ; border:3px solid #ccff33}

El borde se los estás indicando tú mismo.

Saludos.

[xxarturito14xx]

Iniciado por jomaruro

Hola:



El borde se los estás indicando tú mismo.

Saludos.

Si lo se , pero el problema no esel borde, sino la linea que se pone entre la imagen y el borde, es como un padding, pero yo no le puse ninguno!

[ArturoGallegos]

y si pones un screenshot indicándonos que borde dices?

[nemesis866]

ok ya te entendi, mira en el css en el div coloca esta linea de codigo y prueba y nos comentas el resultado

padding-bottom:0px;

[nemesis866]

mejor te dejo un ejemplo, este es el codigo del div enel css

#imagen1 {
padding-bottom:0px;
}

y asi con los demas div

Saludos

[jomaruro]

Hola:

Lo siento xxarturito14xx pero los mensajes privados no son para dudas del foro. Todas las consultas y soluciones aquí, así todos aprendemos ¿Vale?

Saludos.

[xxarturito14xx]

Iniciado por nemesis866

mejor te dejo un ejemplo, este es el codigo del div enel css

#imagen1 {
padding-bottom:0px;
}

y asi con los demas div

Saludos

Oye intente con eso pero pues esa no es la solucio, gracias

Disculpas por el mensaje privado

[xxarturito14xx]

Yo creo que tendre que ponerle padding arriba, y a los lados para que no se vea deforme!

Gracias

[Maracanaido]

Yo creo que tendrías que ponerle el mismo alto al div que a las imágenes, ya que en el div tienes puesto 270, y en las imágenes 280, así se descuadra.

[kseso?]

Pero ese espacio no es de la imagen (es de la caja contenedora).
Posiblemente a la caja o a la imagen le esté afectando otra declaración (tema de la herencia). En estos casos, ayuda y mucho Firefox + Firebug
¿Utilizas un reset en tu css?
Añade uno y nos cuentas
Pero empieza por quitar lo resaltado en negrita y ponerlo (si lo necesitas) en el css.
<div id="imagen1" align="center">

Un saludo

[jackbach]

Le das dos valores de height diferentes (uno en el HTML y el otro en el css), ese es el problema.
Si no es así le puedes poner un padding-bottom negativo y ya está!

Hasta pronto!

[Maracanaido]

Es lo que dije, el div y las imágenes tienen que tener el mismo alto, lo acabo de comprobar y así se visualiza correctamente.

[nemesis866]

ya lo cheque y maracanaido tiene razon corrigiendo la altura del div y la imagen se corrige ese error