enlances con fondo

Hola, que tal.
Me he quedao pillao en la segunda leccion en ENLACES CON FONDO.
Pues cuando paso el cursor por los enlaces no se me queda sombreado, como en el ejemplo, lo estado revisando y no se que puede ser. os mando plantillas.html y estilo general.css

Además he visto que en el ejemplo desaperece la palabra menu, y en el mio se queda. No se que hecho mal.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">menu
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>



    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
    #pie {background-color: brown}
    #menu li { list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown ; text-decoration: none ; display: block}
    a: link {}
    a: visited {}
    a: hover {color: red ; text-decoration: underline ; background-color: silver}
    a: active {}

    Gracias y un saludo.
  • Para quitar la palabra menu tienes que quitarla aquí:
    <div id="menu">[color=red]menu [/color]
    <ul>[*][url="#"]Enlace 1[/url]</
    Y los enlaces no veo mal, ¿si haces una previsualizacion con el explorador se ve mal?
    Saludos, Juanma
    Jugoncan escribió:Para quitar la palabra menu tienes que quitarla aquí:
    <div id="menu">[color=red]menu [/color]
    <ul>[*][url="#"]Enlace 1[/url]</
    Y los enlaces no veo mal, ¿si haces una previsualizacion con el explorador se ve mal?
    Saludos, Juanma

    Gracias por lo del menu, y el tema de los enlaces cuando le doy a preview y pongo el cursor sobre los enlaces no me salen subrayados.

    Gracias un saludo
    Cambia este codigo:
    a {color: brown ; text-decoration: none ; display: block} 
    a: link {} 
    a: visited {} 
    a: hover {color: red ; text-decoration: underline ; background-color: silver} 
    a: active {}
    Por este:
    a {color: brown ; text-decoration: none ; display: block} 
    a:link {} 
    a:visited {} 
    a:hover {color: red ; text-decoration: underline ; background-color: silver} 
    a:active {}
    Jugoncan escribió:Cambia este codigo:
    a {color: brown ; text-decoration: none ; display: block} 
    a: link {} 
    a: visited {} 
    a: hover {color: red ; text-decoration: underline ; background-color: silver} 
    a: active {}
    Por este:
    a {color: brown ; text-decoration: none ; display: block} 
    a:link {} 
    a:visited {} 
    a:hover {color: red ; text-decoration: underline ; background-color: silver} 
    a:active {}

    OK, era por los espacios, Muchas Gracias

    Ya puedo seguir.