Volviendo al menú

Guardando estilo-general.css y haciendo vista previa a la plantilla.html podemos ver esto:

Aspecto del titulo en el menú

Bueno, quizás quede mejor sin el subrayado y con una letra más pequeña, verdad? Para eliminarle el subrayado se ponia en la hoja de estilo esto:

text-decoration:none

Para cambiar el tamaño del texto se pone esto otro:

font-size:10px

donde 10px es la altura de una letra en pixeles. Hay otras unidades que podemos usar en lugar de pixeles, pero lo veremos más adelante.

El caso es que la línea de estilo-general.css que define a los títulos de dentro de la capa menu ha de quedar, por el momento así:

#menu h1 {text-decoration:none; font-size:10px;}

Guardamos la hoja de estilo, hacemos un preview o vista previa y....

vista previa del diseño de la página web de ejemplo

Mucho mejor, no? Ahora cámbiale el tamaño por 12px que así quizás sea un poco pequeña de más.

A veces parece mentira como cambia una web con solo ir retocando la hoja de estilos, verdad?. Sigamos investigando a ver si logramos colocarle las imágenes, vale?