10 junio 2006

Más css

Bueno, acabo de conseguir que se peguen los dos div. El truco es este:

<div>cosas<div>
<div>mas cosas<div>

Si lo hacemos así, sí salen pegados, pero si se nos ocurre hacer esto

<div>cosas</div>
<div><p>mas cosas</p></div>

entonces se separan. Si en vez de <p> es un <h1;> también se separan.

Aparentemente p o h1 tienen un márgen. El div se queda pegadito a la etiqueta p o h1, pero el margen de esa etiqueta cae fuera del div y es lo que hace que se separe del div anterior.

Los contenidos de cada "fila" de pixels serían esto...

div
margen superior de p o h1
otro div y contenido de p o h1
...


Bueno, creo que voy entendiendo cómo va el asunto. A ver si encuentro algún tutorial en castellano que explique cómo son las cosas (la filosofía de css) en vez de limitarse a poner etiquetas explicadas una detrás de otra.

1 comentario:

Anónimo dijo...

First Post, First Post!!! [Es broma...]

Te seguía con tu página en geocities, sobretodo con el apartado de C-Unix avanzado que me dio un empujón importante. Y no sabía que tuvieras un blog! Voy a guardarme tu feed ;).

Y decirte que si encuentras algún tutorial interesante sobre la filosofía de CSS y no comentando línea a línea las etiquetas cuélgalo por aquí! Que un servidor suele tener los mismos problemas, jejeje.

Un saludo!

JJR.