Foros del Web » Creando para Internet » CSS »

Ayuda con un borde! Porfa

Estas en el tema de Ayuda con un borde! Porfa en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/07/2009, 17:05
 
Fecha de Ingreso: julio-2009
Mensajes: 7
Antigüedad: 8 años, 4 meses
Puntos: 0
Ayuda con un borde! Porfa

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!
  #2 (permalink)  
Antiguo 25/07/2009, 18:20
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con un borde! Porfa

Hola:

Cita:
Iniciado por xxarturito14xx Ver Mensaje
#imagen1 {height : 270px ; border:3px solid #ff00cc}
#imagen2 {height : 270px ; border:3px solid #ccff33}
El borde se los estás indicando tú mismo.

Saludos.

  #3 (permalink)  
Antiguo 25/07/2009, 18:26
 
Fecha de Ingreso: julio-2009
Mensajes: 7
Antigüedad: 8 años, 4 meses
Puntos: 0
Sonrisa Respuesta: Ayuda con un borde! Porfa

Cita:
Iniciado por jomaruro Ver Mensaje
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!
  #4 (permalink)  
Antiguo 25/07/2009, 22:17
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Ayuda con un borde! Porfa

y si pones un screenshot indicándonos que borde dices?
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 25/07/2009, 23:28
Avatar de nemesis866  
Fecha de Ingreso: julio-2009
Ubicación: Jalisco, Mexico
Mensajes: 642
Antigüedad: 8 años, 5 meses
Puntos: 19
Respuesta: Ayuda con un borde! Porfa

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;

Última edición por tunait; 26/07/2009 a las 01:53
  #6 (permalink)  
Antiguo 25/07/2009, 23:52
Avatar de nemesis866  
Fecha de Ingreso: julio-2009
Ubicación: Jalisco, Mexico
Mensajes: 642
Antigüedad: 8 años, 5 meses
Puntos: 19
Respuesta: Ayuda con un borde! Porfa

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

#imagen1 {
padding-bottom:0px;
}

y asi con los demas div

Saludos

Última edición por tunait; 26/07/2009 a las 01:52 Razón: remover firma
  #7 (permalink)  
Antiguo 26/07/2009, 07:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con un borde! Porfa

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.

  #8 (permalink)  
Antiguo 26/07/2009, 10:08
 
Fecha de Ingreso: julio-2009
Mensajes: 7
Antigüedad: 8 años, 4 meses
Puntos: 0
De acuerdo Respuesta: Ayuda con un borde! Porfa

Cita:
Iniciado por nemesis866 Ver Mensaje
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
  #9 (permalink)  
Antiguo 26/07/2009, 10:13
 
Fecha de Ingreso: julio-2009
Mensajes: 7
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Ayuda con un borde! Porfa

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

Gracias
  #10 (permalink)  
Antiguo 26/07/2009, 10:58
 
Fecha de Ingreso: julio-2009
Mensajes: 30
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Ayuda con un borde! Porfa

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.
  #11 (permalink)  
Antiguo 26/07/2009, 14:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con un borde! Porfa

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #12 (permalink)  
Antiguo 26/07/2009, 15:07
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Ayuda con un borde! Porfa

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!
  #13 (permalink)  
Antiguo 27/07/2009, 15:39
 
Fecha de Ingreso: julio-2009
Mensajes: 30
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Ayuda con un borde! Porfa

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.
  #14 (permalink)  
Antiguo 27/07/2009, 20:48
Avatar de nemesis866  
Fecha de Ingreso: julio-2009
Ubicación: Jalisco, Mexico
Mensajes: 642
Antigüedad: 8 años, 5 meses
Puntos: 19
Respuesta: Ayuda con un borde! Porfa

ya lo cheque y maracanaido tiene razon corrigiendo la altura del div y la imagen se corrige ese error
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 18:01.