Hola que tal!
Estoy en la Lección Segunda, en enlaces cambiantes.
Mi problema es con la propiedad hover.
Cuando le doy preview, y coloco el cursor sobre el enlace, no cambia a color rojo, tampoco me funciona la propiedad blocK, el unico cambio que note es que antes de colocar el display: block y colocar el cursor sobre el enlace y darle click, cuando no tenía block, se encierra en lineas punteadas el texto del enlace, luego de aplicar la propieda block, y darle clik, entonces el recuadro abarca la linea, pero considero que no funciona, mis enlaces no toman el color rojo, y como además tambien coloque la propiedad de background-color: silver para hover,pues tampoco veo eso.
Al ver la vista previa del ejemplo del curso, veo todo lo que debe ocurrir, pero a mi no me pasa.
La propiedad que funciona es la genérica: a {color: brown; text-decoration: none; display: block}, es decir, el enlace es marron, no está subrayado, y al darle clik se encierra un recuadro que abarca la linea que sería lo que correspode al bloque, pero solo al dar click sobre la palabra del enlace, no en la linea asociada al mismo.
En cuanto al listado de enlaces colocados uno al lado de otro, en efecto, al darle preview, no se daño el margen del menu al colocar los enlaces en una misma línea.
Anexo las líneas de código asociados a las hojas plantilla.html y estilo-general.css.
Mi hoja plantilla.html tiene:
<!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[/list]</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 estilo-general.css tiene:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: #AEEEEE}
#navegacion {background-color:#96CDCD}
#contenido {background-color: #F0FFFF; width: 800px ; float:left}
#menu {background-color: #9AC0CD; width: 150px ; float:left;text-align:left }
#menu li { list-style:none; margin: 4px 0px 4px 6px}
#pie {background-color: #668B8B}
a {color: brown; text-decoration: none; display: block}
a: link {}
a: visited {}
a: hover {color: red; text-decoration: underline; background-color: silver}
a: active {}
De antemano muchas gracias!!!!!!!!!!!!!!!
Citar
Iniciado por Merlis Soto
Marcadores