Foros del Web » Creando para Internet » CSS »

Qué significa Padding-left

Estas en el tema de Qué significa Padding-left en el foro de CSS en Foros del Web. hola disculpen mi ignorancia pero tengo un css que dice entre otras cosas: Código: .paging { background-color : #FFFFFF; font-family: Verdana; color: Black; font-size: 10pt; ...
  #1 (permalink)  
Antiguo 06/05/2006, 14:02
Avatar de Developer9
(Desactivado)
 
Fecha de Ingreso: abril-2005
Ubicación: Mi Ecuador del alma
Mensajes: 4.196
Antigüedad: 12 años, 8 meses
Puntos: 47
Qué significa Padding-left

hola disculpen mi ignorancia pero tengo un css que dice entre otras cosas:

Código:
.paging {
	background-color : #FFFFFF;
	font-family: Verdana;
	color: Black;
	font-size: 10pt;
	margin-bottom : 5px;
	padding-left: 3px;		
}
que significa padding-lef: 3px?
  #2 (permalink)  
Antiguo 06/05/2006, 14:03
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Hola Developer9

El padding es el margen interno de un contenedor. En este caso, se refiere al margen interno izquierdo

Un saludo
  #3 (permalink)  
Antiguo 06/05/2006, 14:25
Avatar de Developer9
(Desactivado)
 
Fecha de Ingreso: abril-2005
Ubicación: Mi Ecuador del alma
Mensajes: 4.196
Antigüedad: 12 años, 8 meses
Puntos: 47
Y tons cual es la diferencia entre padding y margin...

Tan linda tunaisita... siempre ayudando a los necesitados Gracias
  #4 (permalink)  
Antiguo 06/05/2006, 14:32
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Cita:
Iniciado por Developer9
Y tons cual es la diferencia entre padding y margin...
padding es margen interno (entre el borde del contenedor y el contenido) y margin es el margen externo (entre el borde del contenedor y lo que haya afuera de él)

Cita:
Iniciado por Developer9
Tan linda tunaisita...
  #5 (permalink)  
Antiguo 06/05/2006, 14:33
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
Imaginate que tienes una caja de texto.

para que el texto no quede pegado a las paredes le das padding que es el espacio interno de la caja.

y para que la caja no se pegue contra otras cajas exteriores le das margin.

mmmm resumiendo

padding: espacio interior (margen interior)
margin: espacio exterior (margen exterior)

saludos
  #6 (permalink)  
Antiguo 06/05/2006, 14:38
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
La explicación de un newbie :)

Un "caja" está compuesta más o menos por lo siguiente (siempre hablando por su parte izquierda en el ejemplo):

{margin|border[padding(contenido)]|}

El margin es lo que separará a la "caja" de otra posible "caja" que tenga a su izquierda. El espacio de margin no tendrá, por ejemplo, color de fondo en el caso que la caja lo tenga.
El border será el espacio para el borde, también en el caso que la "caja" lo tenga
El padding será algo así como un margin... sólo que separará del extremo de la "caja" a contenido. Si la caja tubiera un color de fondo, el espacio del padding también lo tendrá.


Ufff... esto fue lo peor que escribí en mi vida! :)
__________________
...___...
  #7 (permalink)  
Antiguo 06/05/2006, 14:49
Avatar de Developer9
(Desactivado)
 
Fecha de Ingreso: abril-2005
Ubicación: Mi Ecuador del alma
Mensajes: 4.196
Antigüedad: 12 años, 8 meses
Puntos: 47
Cita:
Iniciado por tunait
padding es margen interno (entre el borde del contenedor y el contenido) y margin es el margen externo (entre el borde del contenedor y lo que haya afuera de él)


gracias tunaisita linda... ya voy entendiendo. Pero en el modo de diseño donde puedo mover todos los controles los puedo poner uno alado del otro bien pegadito... entonces supongo que allí el margin no tendría efecto. Ojalá no se te acabe la paciencia conmigo

gracias alzuwaga por tu rara explicacion... pero que es una explicacion newbie?

Oye mindpanic... ya me imagine la caja de texto y su campo de fuerza para que no se choquen entre si
  #8 (permalink)  
Antiguo 06/05/2006, 14:50
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #9 (permalink)  
Antiguo 06/05/2006, 15:00
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Cita:
Iniciado por Developer9
Pero en el modo de diseño donde puedo mover todos los controles los puedo poner uno alado del otro bien pegadito... entonces supongo que allí el margin no tendría efecto.
...


modo diseño ... estás trabajando con dreamweaver o algo así?
  #10 (permalink)  
Antiguo 06/05/2006, 15:39
Avatar de Developer9
(Desactivado)
 
Fecha de Ingreso: abril-2005
Ubicación: Mi Ecuador del alma
Mensajes: 4.196
Antigüedad: 12 años, 8 meses
Puntos: 47
Cita:
Iniciado por tunait
...


modo diseño ... estás trabajando con dreamweaver o algo así?
Con Visual Studio 2005.

Aunque de igual aunque yo los ponga juntos cuando abro la pagina en el internet explorer todo me sale diferente

De el dibujito que puso woborisis cual es la cajita de texto? Supongo que la segunda caja
  #11 (permalink)  
Antiguo 07/05/2006, 14:15
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
para trabajar con css te recomiendo TOPSTYLEpro es genial y se le saca mucho partido cuando lo vas conociendo mejor.

saluds
  #12 (permalink)  
Antiguo 08/05/2006, 09:56
Avatar de Developer9
(Desactivado)
 
Fecha de Ingreso: abril-2005
Ubicación: Mi Ecuador del alma
Mensajes: 4.196
Antigüedad: 12 años, 8 meses
Puntos: 47
Yeap! tengo la version 3.1

Aunque solo la uso para cambiar los colores y los tipos de letra :
  #13 (permalink)  
Antiguo 08/05/2006, 22:57
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Es imposible que puedas hacer algo con CSS si no te sabes el modelo de las cajas...

Modelo de las cajas en CSS - Diseñorama

Saludos.
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 09:18.