Hola,
me parece genial tanto la iniciativa como el desarrollo del caso práctico.
Tengo un par de comentarios y dudas al repecto, voy a ello:
1.- Se te han "colao" dos tildes en la palabra situación en el texto que acompaña a la imagen del edificio.
Ahora las dudas
2.- En la primera parte de la guía dices que no hay que meter <div> dentro de <a> o cosas así. Esto es por ser "bloque" dentro de "línea"? Debo decir que que yo hago uso de esta práctica y si no me equivoco, es válida en w3c. Como podría entonces solucionar esto:
Es una caja div con padding una img dentro. El div tiene background gris de forma que al ponerle padding hace que la img insertada parezca tener un borde. Hago un enlace del div y le pongo que a:hover {background:#099ee0;} de forma que al pasar por encima me cambia el color del borde, en de todo el fondo pero solo se ve cambiar el borde que sobresale. Si le hago el enlace solo a la img no cambia al situarnos dentro del borde, solo cambia cuando llegamos a la img.
¿What can I do? Además es un recurso que uso continuamente para hacer grupos de elementos como un enlace.
3.- Uso Notepad++, en serio llevo un monton de tiempo escribiendo ñ y á por la cara??? Con el ISO... ya no es necesario??? Que tío mas tonto estoy hecho....
4.- Una ultima cosa: En este caso, es factible colocar la imagen de la cabecera como <img>. Si el texto estuviera integrado enla imagen esto ya no seria posible no? habria que ponerla de fondo y el texto encima, o bien hacer la img con el texto en el propio jgp. o me equivoco?? y si es así, cual es la mejor opción??
Muchas gracias, igual me he pasao...
Saludos!!