Es lo siguiente: en la lección segunda en el tema Enlaces Cambiantes, en el subtitulo "Sin subrayar y marrones, excepto cuando se coloca el cursor encima que pasan a rojos y subrayados": he realizado los pasos y escrito el código tal y como aparece en las instrucciones de Jorgens, pero creo que algo anda mal en mi código ya que al pasar el puntero del mause por el enlace 3 se activa o cambia de color la parte donde dice "esta sera la zona principal de la web", igualmente se activa o cambia de color donde dice "este es el pie de la pagina" . Creo que esto no debería ser así pues me imagino que solo debe cambiar de apariencia el enlace 3 que es donde pongo el puntero del mause. He mirado con detalle el código y no doy con el chiste, ha de ser una bobada, pero no doy, aquí pego el código primero de la hoja de estilos general y después el de la plantilla, para que por favor alguien me colabore con el problemita. gracias he de anotar que los enlaces 1 y 2 no tienen problema.
codigo pagina estilo-general.css
*{margin:0px; padding:0px; border:0px}
#body {text-align:center}
#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:aling:left}
#pie {background-color:brown}
#global{width:800px;margin: 4px auto}
#menu li{list-style:none;margin:4px 0px 4px 6px}
a{color:brown; text-decoration:none}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline}
a:active{}
Codigo plantila.html
<!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 Navegacion</div>
<div id="contenido"><div id="menu">
<ul><a href="#">Enlace 1
<a href="#">Enlace 2
<a href="#">Enlace 3
</div>
Esta sera la zona principal de la web
</div>
<div id="pie">este es el pie de la pagina</div>
</div>
</body>
</html>
codigo pagina estilo-general.css
*{margin:0px; padding:0px; border:0px}
#body {text-align:center}
#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:aling:left}
#pie {background-color:brown}
#global{width:800px;margin: 4px auto}
#menu li{list-style:none;margin:4px 0px 4px 6px}
a{color:brown; text-decoration:none}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline}
a:active{}
Codigo plantila.html
<!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 Navegacion</div>
<div id="contenido"><div id="menu">
<ul>
</div>
Esta sera la zona principal de la web
</div>
<div id="pie">este es el pie de la pagina</div>
</div>
</body>
</html>