Muy buenas!
Cuando escribo la orden de display:block, no ocurre la primera de las cosas que se supone que pasa = lejos del texto se activa el enlace.
Plantilla:
<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="head">Bienvenido a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
Ésta será la zona principal de la web</p>
</div>
<div id="pie">Éste es el pie de página</div>
</div>
</body>
</html>
Estilo-general:
*{margin:0px ; padding:0px ; border:0px}
body{text-align:center}
#global{width:800px ; margin:4px auto}
#head{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}
#menu li{list-style:none ; margin: 4px 0px 4px 6px}
#pie{background-color:brown}
a{color:brown ; text-decoration:none ; display:block}
a:link{}
a:visited{}
a:hover{color:red ; text-decoration:underline ; backgrond-color:silver }
a:active{}
No veo que puedo haber hecho incorrectamente.
Si alguien puede decirme algo lo agradecería mucho.
Un saludo.
Cuando escribo la orden de display:block, no ocurre la primera de las cosas que se supone que pasa = lejos del texto se activa el enlace.
Plantilla:
<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="head">Bienvenido a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Ésta será la zona principal de la web</p>
</div>
<div id="pie">Éste es el pie de página</div>
</div>
</body>
</html>
Estilo-general:
*{margin:0px ; padding:0px ; border:0px}
body{text-align:center}
#global{width:800px ; margin:4px auto}
#head{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}
#menu li{list-style:none ; margin: 4px 0px 4px 6px}
#pie{background-color:brown}
a{color:brown ; text-decoration:none ; display:block}
a:link{}
a:visited{}
a:hover{color:red ; text-decoration:underline ; backgrond-color:silver }
a:active{}
No veo que puedo haber hecho incorrectamente.
Si alguien puede decirme algo lo agradecería mucho.
Un saludo.