Hola a todos estoy en la página del paso a paso (por cierto, me encanta la guía, felicito al creador) y en la parte que dice "Aplicando más estilos css a los enlaces del menú", vamos, cuando estás retocando los estados de los enlaces. Tengo el Google Chrome. El problema ya viene de un poco antes, cuando dice lo de los márgenes del menú no notaba ningún cambio, pero pensé que luego se arreglaría. Aquí os dejo mis códigos y la página css:
CÓDIGOS
<!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="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
<il><a href="#">Enlace 1</a></il>
<il><a href="#">Enlace 2</a></il>
<il><a href="#">Enlace 3</a></il>
</ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
PÁGINA CSS
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#pie {background-color:brown;}
#global {width:800px; margin:4px auto;}
#menu {background-color:yellow; width:800px; float:left; text-align:left;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
a {color:blue; text-decoration:none; display:block;}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver}
a:active{}
Si me pudiesen echar una mano os lo agradecería, ya que soy nuevo y estoy un poco perdido :'-( en este pequeño mundillo o_O
También me sale el menú encima del div de conenidos, no a la izquierda de él como decían en la guía
CÓDIGOS
<!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="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
<il><a href="#">Enlace 1</a></il>
<il><a href="#">Enlace 2</a></il>
<il><a href="#">Enlace 3</a></il>
</ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
PÁGINA CSS
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#pie {background-color:brown;}
#global {width:800px; margin:4px auto;}
#menu {background-color:yellow; width:800px; float:left; text-align:left;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
a {color:blue; text-decoration:none; display:block;}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver}
a:active{}
Si me pudiesen echar una mano os lo agradecería, ya que soy nuevo y estoy un poco perdido :'-( en este pequeño mundillo o_O
También me sale el menú encima del div de conenidos, no a la izquierda de él como decían en la guía