Foros del Web » Creando para Internet » CSS »

Div extraña , me deja mas espacio en el fondo del normal

Estas en el tema de Div extraña , me deja mas espacio en el fondo del normal en el foro de CSS en Foros del Web. En esta div, quiero meter una imagen . Como veis quiero un padding de 2 pixeles para 'emarcarla'. Bueno, no se que pasa, pero me ...
  #1 (permalink)  
Antiguo 26/01/2011, 05:50
 
Fecha de Ingreso: noviembre-2010
Mensajes: 70
Antigüedad: 7 años, 1 mes
Puntos: 0
Div extraña , me deja mas espacio en el fondo del normal

En esta div, quiero meter una imagen . Como veis quiero un padding de 2 pixeles para 'emarcarla'. Bueno, no se que pasa, pero me deja 4 pixeles de padding en el bottom. Porque ?

.div_info_1_c2 {
float: right;
width: auto;
margin-right: 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
display: block;
padding: 2px;
height: auto;
}
Muchas gracias (y gracias en general al foro ...)
  #2 (permalink)  
Antiguo 26/01/2011, 06:00
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: Div extraña , me deja mas espacio en el fondo del normal

Hola:

En principio el código está bien, salvo que deberías resumirlo.

Código CSS:
Ver original
  1. .div_info_1_c2 {
  2. float: right;
  3. width: auto;
  4. margin-right: 20px;
  5. border: 1px solid #666;
  6. display: block;
  7. padding: 2px;
  8. height: auto;
  9. }

Léete este capítulo sobre shorthand.

Saludos.

  #3 (permalink)  
Antiguo 26/01/2011, 06:12
 
Fecha de Ingreso: noviembre-2010
Mensajes: 70
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Div extraña , me deja mas espacio en el fondo del normal

Y si pones una imagen te queda centrada con los bordes o en la parte inferior hay más espacio (2 pixeles mas de lo normal)
???
  #4 (permalink)  
Antiguo 26/01/2011, 07:35
Avatar de stingofung  
Fecha de Ingreso: enero-2011
Ubicación: Mcbo
Mensajes: 52
Antigüedad: 6 años, 10 meses
Puntos: 1
Respuesta: Div extraña , me deja mas espacio en el fondo del normal

Saludos "tonnot",

¿Puedes postear el código HTML para ver como lo estas haciendo y de esta manera poder ayudarte?
  #5 (permalink)  
Antiguo 26/01/2011, 07:46
 
Fecha de Ingreso: febrero-2009
Ubicación: Argentina, Santa Fe, Rosario
Mensajes: 305
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Div extraña , me deja mas espacio en el fondo del normal

y si en vez de usar class usas id con un "#" en vez de "."?
  #6 (permalink)  
Antiguo 27/01/2011, 03:54
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: Div extraña , me deja mas espacio en el fondo del normal

Hola:

Cita:
Iniciado por MRB09 Ver Mensaje
y si en vez de usar class usas id con un "#" en vez de "."?
¿Y cuál es la diferencia?

Saludos.

  #7 (permalink)  
Antiguo 27/01/2011, 06:47
Avatar de Kanashin  
Fecha de Ingreso: enero-2011
Mensajes: 45
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Div extraña , me deja mas espacio en el fondo del normal

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:



¿Y cuál es la diferencia?

Saludos.

En HTML sólo puede haber un ID en concreto pero muchos CLASS; útil para estar seguro que un elemento aparecerá sólo una vez.
  #8 (permalink)  
Antiguo 27/01/2011, 11:39
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: Div extraña , me deja mas espacio en el fondo del normal

Hola:

Cita:
Iniciado por Kanashin Ver Mensaje
En HTML sólo puede haber un ID en concreto pero muchos CLASS; útil para estar seguro que un elemento aparecerá sólo una vez.
Eso ya lo sé, me refería a la diferencia entre uno y otro para resolver el problema. No entendiste la ironía.

Saludos.

  #9 (permalink)  
Antiguo 27/01/2011, 11:56
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 7 años
Puntos: 9
Respuesta: Div extraña , me deja mas espacio en el fondo del normal

creo que el problema de nuestro compañero se debe a:

Pistas:
-Usa class (quiere decir que tiene varios div con imagenes y las mismas propiedades)
-Padding 4px (un div abajo de otro sumarian 4px de padding)

Entonces si es así, puedes usar un margin en el top y bottom:

padding:0 2px;
margin:2px 0;

asi, el margin de 2px, al estar un div debajo de otro, tendran una distancia de 2px y no de 4px.

ya que el padding suma 4px por:
2px del bottom y 2px del top (del div de abajo)

p.d: no se si me explique >.<
__________________
Diseñador y Desarrollador web :)
  #10 (permalink)  
Antiguo 27/01/2011, 12:27
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Div extraña , me deja mas espacio en el fondo del normal

como ya dijo el compañero jomaruro usa las propiedades compactas ñ.ñ y a estas sumale un margin:0; para la imagen quedando tu css así:

Código CSS:
Ver original
  1. .div_info_1_c2 {
  2. float: right;
  3. width: auto;
  4. margin-right: 20px;
  5. border: 1px solid #666;
  6. display: block;
  7. padding: 2px;
  8. height: auto;
  9. }
  10. .div_info_1_c2 img{margin:0;padding:0;}

pregunta: si solo quieres agregar un marco porque no agregas la clase sobre la imagen? en lugar de agregar

<div class="div_info_1_c2"><img src="" alt="" /></div>

podrías usar <img class="marco" src="" alt="" />

y en tu css
.marco{
margin:0;
padding:2px;
border: 1px solid #666;
}
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Etiquetas: espacio, fondo, mas
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 13:11.