Hola,
lo primero agradecer al autor de este curso el trabajo realizado para que todos podamos aprender de manera sencilla. Y también a toda la gente del foro que ayuda con sus respuestas.
Tengo un problema, el primero que me ha surgido hasta ahora. Estoy en la segunda parte del curso y en la lección donde agregamos esta linea:
a {color: brown ; text-decoration:none ; display: block }
A mi no me funciona el display: block
Os pego lo que tengo hecho hasta ahora a ver si alguien me puede decir donde está el fallo.
La plantilla:
<!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>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 la hoja de estilos:
*{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 }
#pie {background-color: brown}
#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 {}
Por más que reviso no encuentro el fallo de porque no se ilumina toda la linea en gris aunque no toque las letras.
lo primero agradecer al autor de este curso el trabajo realizado para que todos podamos aprender de manera sencilla. Y también a toda la gente del foro que ayuda con sus respuestas.
Tengo un problema, el primero que me ha surgido hasta ahora. Estoy en la segunda parte del curso y en la lección donde agregamos esta linea:
a {color: brown ; text-decoration:none ; display: block }
A mi no me funciona el display: block
Os pego lo que tengo hecho hasta ahora a ver si alguien me puede decir donde está el fallo.
La plantilla:
<!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>
</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 la hoja de estilos:
*{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 }
#pie {background-color: brown}
#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 {}
Por más que reviso no encuentro el fallo de porque no se ilumina toda la linea en gris aunque no toque las letras.