Hola, en primer lugar felicidades, antes todo esto me parecia chino, jajaj.
Tengo un problema al tratar los enlaces como bloques. No me selecciona el enlace poniendo el cursor en la misma linea he de ponerlo en el mismo enlace. Les dejo el codigo a ver si me ayudan.
Estilo
*{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 li { list-style:none ; margin: 4px 0px 4px 6px }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver }
a:active {}
#pie {background-color: brown}
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">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</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 por adelantado
Tengo un problema al tratar los enlaces como bloques. No me selecciona el enlace poniendo el cursor en la misma linea he de ponerlo en el mismo enlace. Les dejo el codigo a ver si me ayudan.
Estilo
*{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 li { list-style:none ; margin: 4px 0px 4px 6px }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver }
a:active {}
#pie {background-color: brown}
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">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</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 por adelantado