Entrar

Curioso problema con los menus de la lección 3

Quíen? · · Solicitar retirada
Hola primero los felicito por la excelente página.

Mi problema es este cuando paso el cursor por encima del titulo del menu vertical "Titulo de la sección 1", se enlaza también la "Sección 4" del menu horzontal que puede estar mal? les dejo el link para que verifiquen. he revisado una y otra vez y no encuentro el error:

http://mipaginadelcurso.onlinewebshop.net/plantilla.html
Quíen? · · Solicitar retirada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>

</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 mí Web</div>
</div>
<div id="navegacion">

<ul>
  • <a href="#">Sección 1
  • <a href="#">Sección 2
  • <a href="#">Sección 3
  • <a href="#">Sección 4


    </div>

    <div id="contenido">
    <div id="menu">
    <h1>Titulo de la sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>

    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">
    Este será el pié de página
    </div>
    <div id="curva-inferior"></div>
    </div>

    </body>
    </html>
    • Quíen? · · Solicitar retirada
    *{margin:0px ; padding: 0px ; border: 0px}
    p {text-align: justify}
    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}
    body {text-align: center}
    #cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
    #logotipo {width: 280px ; float:left}
    #publicidad {width: 518px ; float:right ; margin-top: 25px}
    #navegacion {background-color: gray ; border: black 1px solid ; height: 20px}
    #navegacion li {float: left ; list-style: none ; margin: 0px 20px 0px 20px}
    #navegacion ul {margin-left: 180px}
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid}
    #global {width:800px ; margin: 4px auto}
    #menu {width:150px ; float:left ; text-align: left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-curva-inferior2.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-curva-superior2.gif) ; padding-top: 12px}
    a {color: brown ; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration: underline ; background-color: silver}
    a:active {}
    #curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width : 800px ; height: 12px ; overflow: hidden}
    #curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width : 800px ; height: 12px ; overflow: hidden}
    kevin · · Solicitar retirada
    ola te pelaste algo
    sorry edito lo que debes hacer es esto

    <div id="menu">

    <ul><h1>Titulo de Seccion</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>

    copia y pega eso y corrigue ese div menu colocando el <h1>Titulo de Seccion</h1> dentro de la litas asi como te lo psue arriba eso es en el div

    Saludos, BUENA NOCHE
    • Att. Kevin
    Quíen? · · Solicitar retirada
    Hola Kevin, gracias por la instrucción pero el problema sigue y se manifiesta de distintas formas dependiendo del navegador y es que no solamente se enlazan al dar por encima del titulo si no también en el extremo inferior y superior del menu vertical.

    No se que hacer :(
    kevin · · Solicitar retirada
    hola veamos si esto te ayuda

    <div id="navegacion">

    <ul>
  • <a href="#">Sección 1
  • <a href="#">Sección 2
  • <a href="#">Sección 3
  • <a href="#">Sección 4



    </div>


    esa parte es la navagacion colocala asi uno al lado del otro

    <div id="navegacion">
    <ul>
  • <a href="#">Sección 1
  • <a href="#">Sección 2
  • <a href="#">Sección 3
  • <a href="#">Sección 4
    </div>

    tambien puede ser el host intenta cambiando de host y lo de arriba talves resuelva el problema si no no se disculpame
    men arregla esa partesita de codigo si es eso bueo si no no c t,t ç

    saludos, buen dia