Foros del Web » Creando para Internet » CSS »

Problema con padding

Estas en el tema de Problema con padding en el foro de CSS en Foros del Web. Hola a todos: En un texto, hay que hacer lo siguiente: 1. Colocar un título en h1 <h1>Título</h1>, que tiene que estar a 14 px ...
  #1 (permalink)  
Antiguo 06/09/2006, 15:28
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Problema con padding

Hola a todos:

En un texto, hay que hacer lo siguiente:

1. Colocar un título en h1 <h1>Título</h1>, que tiene que estar a 14 px más abajo de un div coloreado (con lo que sea dentro).

2. Colocar un texto con la categoría de h2 inmediatamente debajo del Título descrito y con una distancia de también 14px.

Supongo que todo esto se hace con padding, pero se me plantean problemas.

En primer lugar, antes de poner nada, ya hay una especie de espacio entre los párrafos (y no he incluido br) que elimina la posibilidad de hacer precisiones como con divs o img. Así, no puedo lograr los exactos Div - 14px - Título (h1) - 14px - (h2).

Además, en FF, este padding, espacio o lo qué sea que no sé de dónde sale ni cómo se quita, es mayor.

¿En qué consiste este fenómeno? ¿No se puede hacer que un texto quede, por ejemplo al ras de un elementos superior, inferior o lo que sea?


Gracias
  #2 (permalink)  
Antiguo 06/09/2006, 16:10
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
Modelo de Caja
__________________
Internet Explorer SuckS
Download FireFox
  #3 (permalink)  
Antiguo 08/09/2006, 17:53
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Cita:
Iniciado por JUMASOL Ver Mensaje
¿En qué consiste este fenómeno? ¿No se puede hacer que un texto quede, por ejemplo al ras de un elementos superior, inferior o lo que sea?

Gracias
Hola,

Respondiendo a tu pregunta, es posible. Pero debes saber tambien que multitud de elementos (como por ejemplo los h1, h2, p, etc) tienen estilos asociados por el navegador de forma predeterminada. Hay algo importante: todo comportamiento que presente un elemento está definido por CSS (sea predeterminado o no) y otra cosa: todo comportamiento predeterminado puede ser sobreescrito (al menos asi debería ser). De hecho ese comportamiento predeterminado que no necesariamente es igual entre navegadores, es la causa de muchas de las inconsistencias entre los mismos a la hora de dibujar las páginas (la solucion sería, simplemente, sobreescribir esos valores predeterminados).

Un ejemplo de ese comportamiento predeterminado es el "espacio" que mencionas de los h1. Si quieres administrarlos como "div's" solo reajusta su padding y su margin como desees. Verás que si asignas a cero ambos valores, los otros elementos de bloque simplemente se "pegarán" a ellos como lo harían normalmente los div's tradicionales (que tienen por defecto padding y margin igual a 0).
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
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 03:19.