Entrar

No se subrayan los enlaces (lección 2)

Jaime González · · Solicitar retirada
Sigo haciendo mi página web como "mis experimentos" y al intentar que los enlaces en la plantilla queden subrayados al poner encima el cursor, no consigo que aparezca "la mano" ni que el enlace se subraye. Creo que he puesto lo que hay que poner en "estilo general", para que reproduzco el código a continuación:


* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}



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: brown }



#menu li { list-style:none }

#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 { }
a {color: brown ; text-decoration:none ; display: block }

p {text-align: justify}
Jaime González · · Solicitar retirada
Muchas gracias:

Por los códigos html, supongo que entenderás la plantilla. Ahí va:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>

<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 Navegacion</div>



<div id="contenido">

<div id="menu">



<ul>
  • <a href.=#>Enlace 1</a>

  • <a href.=#>Enlace 2</a>

  • <a href.=#>Enlace 3</a>


  • </div>


    Ésta sera la zona principal de la web</p>



    Bla, bla,bla</p>
    </div>

    <div id="pie">Este es el pie de pagina</div>
    <div/>


    </body>
    </html>
    • LotUvIroS · · Solicitar retirada
    Hola,

    Te sobra el punto despues de href

    <ul>
  • <a href.=#>Enlace 1</a>

  • <a href.=#>Enlace 2</a>

  • <a href.=#>Enlace 3</a>



  • Ese punto quitale, y la almohadilla debe ir entre comillas "#"

    Así debe quedar:

    <ul>
[*][url="#"]Enlace 1[/url][*]
[*][url="#"]Enlace 2[/url][*]
[*][url="#"]Enlace 3[/url][*]
[/list]

    Saludos