Foros del Web » Creando para Internet » CSS »

Maquetar una página con CSS

Estas en el tema de Maquetar una página con CSS en el foro de CSS en Foros del Web. Hola a tod@s!!! Estoy siguiendo el tutorial "maquetar una página con css" http://www.desarrolloweb.com/articulos/1842.php y en capítulo IV no entiendo porque le tiene que dar un ...
  #1 (permalink)  
Antiguo 01/12/2007, 02:13
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 17 años, 6 meses
Puntos: 0
Maquetar una página con CSS

Hola a tod@s!!!

Estoy siguiendo el tutorial "maquetar una página con css" http://www.desarrolloweb.com/articulos/1842.php
y en capítulo IV no entiendo porque le tiene que dar un padding-left: 106px;
no entiendo porque hay que sumarle los 100px que ocupa el campo de texto si es un elemento que va a continuación del campo de texto ¿porque no es suficiente con añadirle 6px de padding?
Gracias


Cito textualmente:

#botonbuscar {
padding-top : 3px;
padding-left: 106px;
}

La capa donde está el botón de submit, que en este caso es una imagen de submitir (<input type="imagen">), tiene un margen interno de 3 pixels por arriba, y de 106 por el lado izquierdo. Los 106 pixels de ancho salen de los 100 que ocupa el campo de texto que hay a la izquierda, más 6 pixeles adicionales, que son el verdadero margen que habrá entre el campo de texto y la imagen de submitir.
  #2 (permalink)  
Antiguo 01/12/2007, 18:12
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Re: Maquetar una página con CSS

No lo vi muy en detalle, pero el tema viene por el uso de float

Imagina a tu página como algo con profundidad, no plano.

Cuando se coloca un elemento 'flotando', este elemento queda por encima de los demás, no en el mismo plano. Esto causa que no ocupe espacio en el plano "base", y por lo tanto no afecte la ubicación de otras capas.
Pero como la página final que se ve no es tridimensional sino plana, aún hay que ubicar los elementos de forma que nada se superponga, por lo que hay que dejarle espacio.

Creo que me enredé un poco, pero haz esta prueba: ponle menos de 100px de margen a #botonbuscar. verás cómo se termina ubicando por debajo de #campotexto.


Saludos.
  #3 (permalink)  
Antiguo 02/12/2007, 10:17
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 17 años, 6 meses
Puntos: 0
Re: Maquetar una página con CSS

Muchas gracias.
Lo he comprendido.
Un saludo
  #4 (permalink)  
Antiguo 03/12/2007, 05:58
Avatar de atoleon  
Fecha de Ingreso: marzo-2007
Mensajes: 156
Antigüedad: 17 años, 1 mes
Puntos: 1
Re: Maquetar una página con CSS

Alvlin una gran explicación. Muchas gracias. Ahora veo las cosas de otra manera.
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 21:24.