Entrar

Enlaces

JLHH · · Solicitar retirada
Tengo un gran problema con los enlaces.Yo hice una página de prueba y me salieron bien los enlaces,y ahora que estoy haciendo la web oficial,no se porque no me salen.El problema no es que no salgan los enlances si no que no tienen fondo,no se iluminan cuando paso el raton por encima,etc.Os dejo aquí esto por si véis un fallo:
PLANTILLA:
<!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="golbal">
<div id="cabecera">Menú principal</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • enlace 1
  • enlace 2
  • enlace 3

    </div>
    Últimas actualizaciones
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>



    </body>
    </html>

    ESTILO-GENERAL.CSS

    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: red }
    #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: brown}
    #menu li { list-style:none #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    * {margin:0px ; padding:0px ; border: 0px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver }

    a:active {}
    a {color: brown ; text-decoration:none ; display: block }
    • JorGens · · Solicitar retirada
    Varios fallos veo...

    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: red }
    #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: brown}
    #menu li { list-style:none #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    * {margin:0px ; padding:0px ; border: 0px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver }
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }

    La línea del asterisco (*) tiene que estas la primera de todas en la hoja de estilo, pues si no, estás eliminando los margenes que defines antes de esa linea.

    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver }
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }

    Tienes 3 lineas definiendo cosas para a. Por qué no las fusionas? Los enlaces nunca serán azules (como has puesto en la primera a{...) pues tienes otras después diciendo lo contrario a{color:brown....).

    La última linea de la Hoja de estilos, creo que anula los link, visited, hover y active anteriores.

    Prueba así:
    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: red }
    #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: brown}
    #menu li { list-style:none #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown ; font-size:1.3em ; text-decoration: none; display: block}
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver }
    a:active {}
    JLHH · · Solicitar retirada
    Aunque te parezca increible me sigue sin funcionar,¿se te ocurre otra cosa que podria fallar?
    JorGens · · Solicitar retirada
    Ya está, je je je.

    Por un lado, en el código html de tu página has escrito golbal en lugar de global. Por eso no te sale centrada la pagina.
    .........
    <body>
    <div id="golbal">
    <div id="cabecera">Menú principal</div>
    .........
    Cambialo por global.
    Por otro lado, en cuanto a los enlaces, se te ha olvidado cerrar los paréntesis de uno de los estilos.
    #menu li { list-style:none #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    Al no cerrar la definicion del estilo #menu li, todo lo que hay después queda sin sentido y no le hace caso.
    Ponlo así:
    #menu li { list-style:none }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    Bueno, ahora que lo miro bien, serían dos lineas de lo mismo, de modo que mejor elimina una. Elimina la primera, pues la segunda está más completa.

    Solo hay que tener cuidado al escribir. Por lo demás, felicidades, vas muy bien. Animo y no dejes de consultarnos cualquier duda!!
    JorGens · · Solicitar retirada
    Para eso estamos. Si nos haces propaganda contando lo buenos que somos a tus amigos nos damos por pagados! je je je

    Hasta la próxima! :wink: