Problema con padding

[JUMASOL]

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

[SiR.CARAJ0DIDA]

Modelo de Caja

[KnowDemon]

Iniciado por JUMASOL

¿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).