Hola a todos,
soy nuevo en el foro y quería dar un saludo a todo el mundo y felicitaciones a los creadores y administradores de la web por ella misma. Esta muy bien organizadaa y explicada.
He estado siguiendo el curso paso a paso sin ningún problema pero creo que he llegado al primero ya. Estoy en la lección 2 en el subapartado de "Enlaces cambiantes". He seguido paso a paso todas las indicaciones y después de escribir el código en la hoja de estilos, no consigo ver el resultado. Es decir, los enlaces del menú, no me salen como enlaces aunque estén redirigidos a un #. No se dónde me habré equivocado. ¿Alguien me podría ayudar? estoy enganchado con el curso y es para no quedarme atrasado. Un saludo y muchas gracias a todos. Os dejo mis códigos.
plantilla.htlm
<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>
<li><a href="#"></a>Enlace 1</li>
<li><a href="#"></a>Enlace 2</li>
<li><a href="#"></a>Enlace 3</li>
</ul>
</div>
Está será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
estilo-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:grey;}
#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;}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline;}
a:active{}
soy nuevo en el foro y quería dar un saludo a todo el mundo y felicitaciones a los creadores y administradores de la web por ella misma. Esta muy bien organizadaa y explicada.
He estado siguiendo el curso paso a paso sin ningún problema pero creo que he llegado al primero ya. Estoy en la lección 2 en el subapartado de "Enlaces cambiantes". He seguido paso a paso todas las indicaciones y después de escribir el código en la hoja de estilos, no consigo ver el resultado. Es decir, los enlaces del menú, no me salen como enlaces aunque estén redirigidos a un #. No se dónde me habré equivocado. ¿Alguien me podría ayudar? estoy enganchado con el curso y es para no quedarme atrasado. Un saludo y muchas gracias a todos. Os dejo mis códigos.
plantilla.htlm
<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>
<li><a href="#"></a>Enlace 1</li>
<li><a href="#"></a>Enlace 2</li>
<li><a href="#"></a>Enlace 3</li>
</ul>
</div>
Está será la zona principal de la web
</div>
<div id="pie">Este es el pie de página</div>
</div>
</body>
</html>
estilo-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:grey;}
#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;}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline;}
a:active{}