Comentarios al ejercicio PeanutsComentarios al ejercicio PeanutsAl quitar el estilo se puede observar que las etiquetas de bloque utilizadas son <h1>, <h2>, <h3>, <p> y <address>.
Al quitar el estilo se puede observar que las etiquetas en línea utilizadas son <em>, <strong>, <a> e <img>.
Al quitar y volver a poner el estilo se puede observar que en el <address> hay un <br />.
Al poner el estilo se puede observar que hay divisiones agrupando cada apartado (autor, personajes, obras). También se puede observar que hay una división agrupando cada apartado dedicados a los personajes. Pero además hay una división que agrupa todos los apartados dedicados a los personajes (se reconoce por la imagen de fondo de Carlitos).
El párrafo con los enlaces necesita una clase.
Los apartados (autor, personajes, obras) son destinos de los enlaces situados en el párrafo inicial, así que hay que dar un id distinto a cada división de apartado.
Los apartados autor y obras son distintos al de personajes, por lo que se necesita una clase (aunque también se puede hacer con dos).
La división que agrupa los apartados de personajes tiene una imagen de fondo, por lo que requiere un id para identificarla.
La división dedicada a Carlitos tiene un margen izquierdo mayor, por lo que requiere un id para identificarla.
Hay imágenes flotantes a la izquierda y a la derecha, por lo que se requieren dos clases para identificarlas.
El nombre de Schulz y de las editoriales está marcado con <span> a lo largo del texto, que puede llevar una clase.
Para que la foto de Schulz no sobresalga de la división que la contiene, hace falta que dentro de la división haya un párrafo con la propiedad clear: both, por lo que se necesita una clase para ese párrafo.
Las divisiones de Carlitos, Snoopy y Lucy tienen la misma altura mínima (min-height), suficiente para que quepan las imágenes dentro.
El código XHTML del ejercicio puede consultarse abriendo la página web del ejercicio y eligiendo el menú en Firefox o en Internet Explorer.
La hoja de estilo del ejercicio puede consultarse abriendo este enlace a la hoja de estilo del ejercicio.
Tenga en cuenta que en estos ejercicios hay a menudo varias maneras de conseguir lo mismo, por lo que la solución no es nunca única.
Autor: Bartolomé Sintes Marco