hola, ya he acabado el curso paso a paso pero tengo un problema: cuando paso el cursor por encima de la curva superior e inferior del menu lateral se me activa el ultimo link del menu superior, es decir Souvenirs. en el index.hltm me pasa lo mismo pero he sacado el menu lateral, entoces el ultimo link del menu superior, Souvenirs, se me activa si paso el cursor por encimo de la capa contenido o pie.
este es mi codiga html de la pagina index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Portada</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul><a href="index.html">Portada <a href="historia/historia.html">Historia <a href="discografia/discografia.html">Discografía <a href="conciertos/conciertos.html">Conciertos <a href="descargas/descargas.html">Descargas <a href="foro/foro.html">Foro <a href="souvenirs/souvenirs.html">Souvenirs</div>
<div id="contenido">
<h1>Portada</h1>
La banda nació en 1982, cuando tras ver por la tele
un concierto de Bruce Springsteen dos chavalotes se digeron...
y si aprendemos a tocar algo? Fue entonces cuando Juanito se
compró su primera batería y Pepito su primer ampli y guitarra.
Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio,
empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así.
Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras</p>
</div>
<div id="pie">
<div id="pieuno">
<ul> Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul> Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
esta es mi pagina estilo-general.css:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
a {color: blue; text-decoration: none; display: block }
a:hover {color: red; text-decoration: underline; background-color: silver}
p {text-align: justify ; text-indent: 15px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
a:link {}
a:visited {}
a:active {}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; height:85px }
#logotipo { width:280px; float:left }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { ; float:right; margin-top:25px }
#navegacion {background-color: gray ; border: black 1px solid; height:20px }
#navegacion ul { margin-left: 60px }
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom; padding-bottom:5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px}}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif); padding-top:12px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid; height: 65px ;}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left; width:150px }
#piedos { float:left; width:498px }
#pietres { float:left; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
y aqui os dejo mi web
dani-subdominio.mypressonline.com
este es mi codiga html de la pagina index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Portada</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<div id="contenido">
<h1>Portada</h1>
La banda nació en 1982, cuando tras ver por la tele
un concierto de Bruce Springsteen dos chavalotes se digeron...
y si aprendemos a tocar algo? Fue entonces cuando Juanito se
compró su primera batería y Pepito su primer ampli y guitarra.
Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio,
empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así.
Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
esta es mi pagina estilo-general.css:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
a {color: blue; text-decoration: none; display: block }
a:hover {color: red; text-decoration: underline; background-color: silver}
p {text-align: justify ; text-indent: 15px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
a:link {}
a:visited {}
a:active {}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; height:85px }
#logotipo { width:280px; float:left }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { ; float:right; margin-top:25px }
#navegacion {background-color: gray ; border: black 1px solid; height:20px }
#navegacion ul { margin-left: 60px }
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom; padding-bottom:5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px}}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif); padding-top:12px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid; height: 65px ;}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left; width:150px }
#piedos { float:left; width:498px }
#pietres { float:left; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
y aqui os dejo mi web
dani-subdominio.mypressonline.com