Hola estoy llevando el curso paso a paso de creacion de paginas web, que por cierto esta bueno, estoy en la leccion 2-Enlaces con Fondo tambien cree un sub dominio satisfactoriamente para ver los resultados en la pagina web, hasta alli todo bien, bacan.
Me estanque en la parte de Enlaces con Fondo, cuando agrego la sentencia display:block y le pongo el fondo silver al menu, esto es lo que pasa:
1. Cuando coloco el mouse en el texto del menu se activa el menu y resalta de color silver. Bien lo logre.
2. Pero cuando coloco el mouse en la misma direccion del texto del menu no se activa ni se resalta. decepcion.
3. Tambien queria comentar que en internet explorer 6 se ven los cambios hechos pero en Firefox v3.0.14 no se aprecia como deberia.
Esto es lo que tengo en la plantilla.html
<!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 navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
<a href="#">Enlace 1<a/>
Enlace 2
Enlace 3
</div>
Este sera la zona principal de la página WEB
</div>
<div id="pie"> Este será el pie de página</div>
</div>
</body>
</html>
y esto es lo que tengo en estilo-general.css
* {margin=0px; paddind=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}
Podrian revisar el codigo por favor y ayudarme para continuar con el curso por favor.
Gracias
Omar Orozco
Me estanque en la parte de Enlaces con Fondo, cuando agrego la sentencia display:block y le pongo el fondo silver al menu, esto es lo que pasa:
1. Cuando coloco el mouse en el texto del menu se activa el menu y resalta de color silver. Bien lo logre.
2. Pero cuando coloco el mouse en la misma direccion del texto del menu no se activa ni se resalta. decepcion.
3. Tambien queria comentar que en internet explorer 6 se ven los cambios hechos pero en Firefox v3.0.14 no se aprecia como deberia.
Esto es lo que tengo en la plantilla.html
<!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 navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Este sera la zona principal de la página WEB
</div>
<div id="pie"> Este será el pie de página</div>
</div>
</body>
</html>
y esto es lo que tengo en estilo-general.css
* {margin=0px; paddind=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}
Podrian revisar el codigo por favor y ayudarme para continuar con el curso por favor.
Gracias
Omar Orozco