Entrar

mi menu intuitivo tampcoco funciona

RAULILLO · · Solicitar retirada
para pder seleccionar el enlace tengo que poner el cursor justo encima, lo que me explica la leccion dice que poniendo el cursor en la misma linea ya podria seleccionarlo , esta es mi hoja de estilo:
* {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: blue; font-size:1.3em ; text-decoration: none}
a {color:brown ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color : red ; text-decoration:underline}
a:active {}


y esta mi plantilla 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 Navegación</div>
<div id="contenido">
<div id="menu">menu
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</div>Esta será la zona principal de la web
    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    GRACIAS DE ANTEMANO ESTOY APRENDIENDO UN MONTON CON VOSOTROS
    • Raulyure · · Solicitar retirada
    Hola:

    He notado que en su hoja de estilo, en las directivas de la capa menu y de menu li, usted ha puesto en cada una de ellas una llave al final que le sobra, usted tiene esos códigos asi:

    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left } }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px} }

    Debiera de eliminarlas y dejarlas así:

    #menu {background-color:yellow; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px}

    Ahora
    en el grupo de las a usted tiene repetido
    a{color:etc. etc.}
    a{color: etc. etc. }
    La que dice a{color:blue; etc. etc.} Le sugiero que la elimine, ya que de allí lo que se puede rescatar es el font-size:1.3em que debiera de ponerlo dentro de la siguientea, o sea asi:
    a{color:brown;text-decoration:none;display:block;font-size:1.3em;}

    Ahora en lo que respecta a el fondo de los enlaces creo que usted debe añadir a los códigos que ya tiene, lo siguiente:
    a:hover{etc. etc.; etc. etc. ; background-color:silver;}

    Saludos