Buenas tardes! Tengo un problema con los enlaces cambiantes de la lección 2. No puedo lograr que se vean cambios segun los diferentes estados... Cuando paso el cursor por encima no logro q se vea rojo y subrayado...
El código de la hoja de estilos es:
* {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 }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
a{color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}
Y el de la página:
<!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">
<ul>
<a ref="#">Enlace 1</a>
<a ref="#">Enlace 2</a>
<a ref="#">Enlace 3</a>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Lo lei muchas veces, copié codigos del foro e igualmente no puedo detectar donde está el error...
Espero su ayuda para poder seguir...
Desde ya muchisimas gracias!!
:roll:
El código de la hoja de estilos es:
* {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 }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
a{color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}
Y el de la página:
<!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">
<ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Lo lei muchas veces, copié codigos del foro e igualmente no puedo detectar donde está el error...
Espero su ayuda para poder seguir...
Desde ya muchisimas gracias!!
:roll: