Comentarios al ejercicio Cartelera de
cine diciembre 2007Comentarios al ejercicio Cartelera de
cine diciembre 2007Al quitar el estilo se puede observar que las etiquetas de bloque utilizadas son <h1>, <h2>, <p>, <ul> y <li>.
Al quitar el estilo se puede observar que la etiqueta en línea utilizada es <a>.
Al poner el estilo se puede observar que cada apartado forma una ficha, por tanto hay divisiones agrupando cada apartado. También se puede observar que todos los apartados se muestran en una posición determinada (sin barra de desplazamiento, como se observa aumentando el tipo de letra), por tanto hay una división agrupando todos los apartados.
Los apartados son destinos de los enlaces situados en las listas, así que hay que dar un id distinto a cada división de apartado.
Para posicionar los apartados es necesario dar un id a la división que engloba todos los apartados.
Para posicionar los enlaces "Atrás" es necesario dar una clase a cada párrafo.
La división que engloba todas los apartados debe tener posicionamiento absoluto. Al modificar el ancho de la ventana se puede observar que la posición horizontal y el tamaño de esa división están definidos en porcentaje %, pero al modificar el tamaño de letra se puede observar que la posición vertical está definido en em.
No es necesario dar clase a las divisiones de los apartados para distinguirlas de la división que engloba a todos los apartados. Se puede utilizar el selector de descendientes div div para establecer su estilo.
Las divisiones de los apartados deben tener tener posicionamiento relativo para que los párrafos "Atrás" se posicionen correctamente en Internet Explorer.
Los párrafos "Atrás" tienen posicionamiento absoluto.
El <h1> no necesita posicionamiento.
No es necesario dar clase a los enlaces <a> para distinguir los enlaces de las listas de los enlaces de los párrafos "Atrás". Se pueden utilizar los selectores de descendientes ul a y p.atras a para establecer el estilo de unos y otros.
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