Foros del Web » Creando para Internet » CSS »

Problemas con padding

Estas en el tema de Problemas con padding en el foro de CSS en Foros del Web. Hola! estoy aprendiendo css y tengo algunos problemas con la propiedad padding... yo tengo un div de width 100px con una imagen de fondo de ...
  #1 (permalink)  
Antiguo 12/06/2010, 06:00
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 6 meses
Puntos: 0
Problemas con padding

Hola! estoy aprendiendo css y tengo algunos problemas con la propiedad padding...

yo tengo un div de width 100px con una imagen de fondo de 100px de ancho exactamente, lo que quiero es que el texto de dentro este separado de los margenes 5px y pongo:

padding-top:17px;
padding-left:5px;

pero entonces lo que hace es hacerme mas grande el div de manera que desencaja todo!

lo estoy haciendo bien? que solucion hay?

gracias!
  #2 (permalink)  
Antiguo 12/06/2010, 07:22
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: Problemas con padding

Hola:

Quizá cuando te leas este artículo comprendas el porqué te ocurre eso.

Saludos.

  #3 (permalink)  
Antiguo 12/06/2010, 09:36
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problemas con padding

la verdad es que sigo sin entenderlo muy bien... no encuentro que es lo que hago mal..

cuando le añado pixeles a el padding no se los estoy quitando a el div o caja?

podrias mas o menos decirme que es lo que esta mal?
  #4 (permalink)  
Antiguo 12/06/2010, 12:55
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: Problemas con padding

Hola:

Por ejemplo:

Código CSS:
Ver original
  1. div {
  2.   width: 300px;
  3.   padding-left:  50px;
  4.   padding-right: 50px;
  5.   margin-left:   30px;
  6.   margin-right:  30px;
  7.   border: 10px solid black;
  8. }

Este div tiene un ancho de 300px, un padding (left y right) de 50px, un margin (left y right) de 30px y un borde de 10px.

¿Cuando mide el div?

Pues es sencillo: margin-left+border+padding-left+width+padding-right+border+margin-left.

30+10+50+300+50+10+30 = 480px.

Espero que lo hayas entendido, si no es así vuelve a preguntar.

Saludos.

  #5 (permalink)  
Antiguo 12/06/2010, 13:19
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problemas con padding

a vale vale, muchas gracias! esque pensaba que el padding se utilizaba deel width y no que se sumaba...

gracias de nuevo!

Etiquetas: padding
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 15:01.