Comentarios al ejercicio Anuncios por palabrasComentarios al ejercicio Anuncios por palabrasAl quitar el estilo se puede observar que las etiquetas de bloque utilizadas son <h1>, <h2>, <h3>, <h4> y <p>.
Al poner el estilo se puede observar que cada anuncio forma una ficha, por tanto hay divisiones agrupando cada anuncio. Además, cada apartado (Compra/venta, Cambio, Varios, Empleo) también forma una ficha, por tanto hay divisiones agrupando cada apartado.
Las divisiones que agrupan los anuncios y las divisiones que agrupan los apartados son diferentes, así que se necesitarán clases para distinguirlos. Es suficiente con dar una clase a las cuatro divisiones de apartados (la misma clase a las cuatro divisiones). Para referirse a las divisiones de los anuncios basta con utilizar el selector de descendientes div div.
Al variar el tamaño de letra y el ancho de la ventana se puede observar que el ancho de los apartados no cambia. Eso indica que su tamaño está definido en px.
Los apartados se muestran uno al lado del otro. Eso se puede conseguir con posicionamiento flotante.
En el penúltimo anuncio el texto no cabe en la columna y se muestran barras de desplazamiento, por lo que se debe utilizar la propiedad overflow en las divisiones de los anuncios. Si se hace zoom en Firefox (sólo ampliar texto), se puede comprobar que aparecen barras de desplazamiento en todos los anuncios.
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.
Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Esta obra está bajo una licencia de Creative
Commons Reconocimiento-CompartirIgual 3.0 España.