Entrar

Enlaces Hover

ancor · · Solicitar retirada
Buenas tardes,

No me sale lo del cambio de color y el subrayado en los enlaces Hover,

Adjunto codigos.
*{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: FF3399 }
#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 { }
p { text-align : justify }

</html>
<!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">Bienvenido a mi Web</div>

<div id="navegacion">Barra de Navegación</div>

<div id="contenido">
<div id="menu">
<ul>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 3




    </div>

    <div>

    Esta será la zona principal de la web</p>
















    </div>


    <div id="pie">

    Este es el pie de página</p></div>

    </div>
    </body>
    </html>

    Ayuda por favor.

    Gracias a todos por el interes que poneis en ayudar a los demás.

    El curso es estupendo.

    Gracias
    • Yaneth · · Solicitar retirada
    hola
    tienes espacios de mas

    a { color : brown ; text-decoration : none }
    a : link { }
    a : visited { }
    a : hover { color : red ; text-decoration : underline }
    a : active { }

    debe ser asi

    a { color:brown ; text-decoration:none }
    a:link { }
    a:visited { }
    a:hover { color:red ; text-decoration:underline }
    a:active { }

    no pongas espacios ni antes ni despues de los dos puntos

    saludos