Entrar

Problema al subir la cuva superior del menu

Elpidio25 · · Solicitar retirada
Amigos veran tengo un amigo que esta pasando en curso y se ha trvado al insetar la curva superior del menu yo le revise el codigo y no le veo ningun error los pongo aqui para que me digan.

Hoja de estilos:

* {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}
#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}
#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}
#menu {background-color:yellow ; width:150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white ; border-left:black 1px solid ; border-right:black 1px solid ; border-top:black 1px solid}
#curva-inferior {background-image:url(objetos/curva-inferior.gif) ; background-repeat:no-repeat ; width:800px ; height: 12px ; overflow:hidden}
a {color:brown ; text-decoration:none ; display:block}
a:link {}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}


y la plantilla asi:

<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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • <h1>Título de Sección 1</h1>Enlace 1
  • Enlace 2
  • Enlace 3
    </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 aqui.</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 isquierda a la primera linea,que queda mucho mejor.</p>


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


    </body>
    </html>





    • Le das vista previa y queda así:


    [contenido no disponible]
    [contenido no disponible]
    http://img91.imageshack.us/my.php?image=mequedazq9.png
    [contenido no disponible]
    ROYGES · · Solicitar retirada
    Holla,

    Mire el problema que yo veo que ud tiene es que,ud tiene el h1 metido entre li y ul asi:

    <div id="menu">
    <ul>
  • <h1>Título de Sección 1</h1>Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    y en el curso este no esta entre li y ul osea esta asi:
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2

  • Enlace 3
  • Enlace 4
    </div>

    al hacer ud eso h1 esta siendo interpretado como otro li y por lo tanto toma las propiedades de li osea que le ha dado a:h1 margen de 4 por arriba y abajo y de 6 por la izquierda
    • Elpidio25 · · Solicitar retirada
    Amigo al momento muchas gracias ya le podre decir al socio porque la verdad me daba pena que ya yo lo hubiera terminado y no supiera buscarle el error.


    A vamos a mantenernos en contacto para lo del derecho de autor y ya que tu página es de música quizas podamos intercambiar ideas.