Soy novata novata xD... He seguido los pasos al pie de la letra... y no sé que me falla, Estoy en la parte de tratar elementos como bloques de la lección número 2 (enlaces con fondo). El problema es que el enlace solo se activa cuando paso el cursor sobre el texto, y se supone que después de este paso, aunque pase el cursor más alejado debería activarse el enlace de igual manera. Si tienen dudas o no me expliqué bien... trataré de subir las imagenes del preview para que me entiendan, pero me avisan si las necesitan, si no, para que xD
mi plantilla.html se vee así
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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">
<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>
-----------------------------------------------------------------------
y mi hoja de estilos-general.css
*{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 {background-color:yellow;width:150px;float:left;text-align:left}
#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{}
#pie{background-color:brown}
---------------------------------------------------
Espero que ustedes se percaten de algo que yo no y pueda corregirlo. Gracias =)
mi plantilla.html se vee así
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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">
<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>
-----------------------------------------------------------------------
y mi hoja de estilos-general.css
*{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 {background-color:yellow;width:150px;float:left;text-align:left}
#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{}
#pie{background-color:brown}
---------------------------------------------------
Espero que ustedes se percaten de algo que yo no y pueda corregirlo. Gracias =)