Enlaces cambiantes

Pues tengo un problema en la leccion 2 Menu de la web enlaces cambiantes ...en el ejemplo nos pone

Sin subrayar y marrones, excepto cuando se lococa el cursor encima que pasan a rojos y subrayados
Pero cuando me voy a la vista previa de la plantilla los enlaces no cambian

Lo mismo pasa si pongo
a {color: blue; font-size:1.3em ; text-decoration: none}
No cambia a azul ni se quita la subrayado

Esto tengo en estilos generales

* {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: yellow ; width: 150 px ; 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}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}

¿Que podria estar mal?

Tienes un error en tu codigo, tal ves ese sea el problema.


error

#menu li { list-style:none ; margin: 4px 0px 4px 6px)

Ohhhhh....es cierto......mil gracias....ya quedo........la gente de este foro son mis heroes

Buenas a tod@s, yo también tengo un problema con los enlaces cambiantes.
Estoy atascada (haciendo el tutorial aún ains) en el punto en que quiero que los enlaces cambien de color no sólo cuando paso el cursor por encima de la palabra sino que también cuando pase el cursor por encima de la línea del enlace, sin necesidad de pasarlo por encima de la palabra, vamos.
Mi hoja .css es esta:

* {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 }
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
#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 {}

Intuyo que el error debe de estar en alguna lína de a, pero no consigo verlo sola. A ver si alguien me puede echar una mano y aprendo de una vez :D
Gracias de antemano y saludoosss

Pues d vdd no consigo el error, pero si puedes coloca tu codigo html aqui tambien para copiarlo y probarlo yo mismo en el html-kit en conjunto con el codigo css.

;)

Shareena escribió:Buenas a tod@s, yo también tengo un problema con los enlaces cambiantes.
Estoy atascada (haciendo el tutorial aún ains) en el punto en que quiero que los enlaces cambien de color no sólo cuando paso el cursor por encima de la palabra sino que también cuando pase el cursor por encima de la línea del enlace, sin necesidad de pasarlo por encima de la palabra, vamos.
Mi hoja .css es esta:

* {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 }
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
#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 {}

Intuyo que el error debe de estar en alguna lína de a, pero no consigo verlo sola. A ver si alguien me puede echar una mano y aprendo de una vez :D
Gracias de antemano y saludoosss

Hola:
Por lo que yo se, en mi caso cuando utilizo el navegador Firefox, basta con que pase el ratón cerca del enlace, (sin necesidad de tocar la palabra ni la línea) para que cambie, pero en Internet Explorer me obliga a tocar por lo menos la línea para que cambie, en la hoja de estilo en los LI tengo un margin derecho en que el "silver" casi toca el borde derecho del menu, y el Firefox me lo muestra cuando paso el ratón por allí y por eso lo activa, pero el Internet Explorer no respeta esa orden y solo me muestra el "silver" hasta donde termina la palabra, eso para mi significa que el Internet Explorer entre sus muchas cosas, no reconoce ciertas directivas, como por ejemplo ese fondo "silver" que llegue hasta donde yo le ordené en la hoja de estilo, ¿Ese es su problema o es otro?.
Saludos

Sí, es ese mi problema. Es decir, que si está todo correcto y no pasa lo que yo esperaba (que pasando el cursor por encima de la linia del enlace ya se sombreara) es por el dichoso IE? Ains... Ok, muchas gracias a ambos por responder. Me encanta que el IE nos lo ponga todo taaan fácil Jajajajaajaja

Un saludo.

yo tengo el mismo problema, paso el cursor por encima del enlace y no cambia de color :(
no veo el error, yo estoy haciendo las pruebas en el chrome

* {margin:0px; padding:0px; border:0px;}
body {background-color:#E6E6FA; background-image:url(objetos/arbol.jpg); background-repeat:no-repeat; background-position:center center;text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:LightBlue;}
#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:5px 0px 5px 10px;}
a {color:DodgerBlue ; text-decoration:none; display:block;}
a: link {}
a: visited {}
a: hover {color:purple ; text-decoration:underline; background-color: silver;}
a: active {}
#pie {background-color:brown;}


<!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><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlace 4</a></li></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>

Puedes utilizar Dreamweaver para probar
[:p]

yo tube el mismo problema con , a veces es por que ausa conflicto con las hojas de estilo , puedes utilizar dreamweaver en vista de diseñador , procura que no cause conflicto con las hojas de estilo tambine debes tener en consideración la cuadricula . otro porblema que puedes tener es que tienes que tener en consideración el navegador