buenas estoy haciendo el curso de diseño pagina web, estoy en el modulo 2.
me he topado con que al buscar hacer que se resalten los links no lo hacen.
les paso mi codigo fuente y mis estilos a ver si ven algo mal puesto.
estos son mis estilos
* {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 }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }
#menu li {list-style:none ; margin: 4px 0px 4px 10px}
a {color: brown ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
y esto mi codigo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">opcciones</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
elemento 1
elemento 2
elemento 3
</div>esta es la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
la verdad lo he revisado y no le veo el porque no funcionan los resaltados de los links.
_________________
me intereso mucho el curso online de diseño paginas web pero me consigo con problemitas
me he topado con que al buscar hacer que se resalten los links no lo hacen.
les paso mi codigo fuente y mis estilos a ver si ven algo mal puesto.
estos son mis estilos
* {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 }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }
#menu li {list-style:none ; margin: 4px 0px 4px 10px}
a {color: brown ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
y esto mi codigo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">opcciones</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>esta es la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
la verdad lo he revisado y no le veo el porque no funcionan los resaltados de los links.
_________________
me intereso mucho el curso online de diseño paginas web pero me consigo con problemitas