Entrar

problema con la barra navegación

fullking · · Solicitar retirada
hola pude despues de romperme el cerebro acomodar el problema con el menú, pero ahora me agobia otro problema y es q se me ha desplazado la barra de navegaciòn quedando apilada en vez de segui como en el ejemplo, ya habia conseguido que se pusiera como en el ejemplo pero no se en que momento se cambio y no le encuentro arreglo porque tengo todo igual a los ejemplos(según yo, no se si hay algo que esta mal)y me estoy rompiendo el cerebro. ya se que fastidia un poquito que lean lo que he hecho pero porfa echenme una ayudita y revisen los codigos a ver, porque quiero seguir,ya que esta de de maravilla.
a ver aqui el codigo de la plantilla:
<!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="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 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 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>.</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 es el pié de página</div>
    <div id="curva-inferior"></div>
    </body>
    </html>

    y aqui el de estilo-general:
    * {text-indent:0px ; 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:200px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #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 {margin: 5px 10px 0px 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 ;; padding-top: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 {}

    cualquier ayuda, será recibida con los ojos abiertos(la voy a leer) de antemano gracias.
    por cierto esta pagina es de lo mejor. felicidades. :)
    • Jugoncan · · Solicitar retirada
    No sé a qué te refieres, si pudieras subirlo para verlo mejor.
    Por cierto, en el código te sobra lo que pongo en rojo:
    ...da mucho mejor</p>.</p>

    Anda, fij...
    Saludos, Juanma
    fullking · · Solicitar retirada
    hola gracias por leerte todo lo que hice pero no le encuentro solución y cuando trato de arreglarlo se me complica mas por estas razones he decidido tirar todo a la basura.
    y por supesto volver a empezar(ya me entusiasme y no voy a para hasta que haga mi paginita) pero ahora si le voy a poner caracter y voy a pillar todo para que me salga mejor. :) ojala sea cierto eso de el que persevera alcanza.
    gracias de todos modos por tu ayuda.
    ya despues(mucho despues) publico el url para que pillen como me quedo mi creación. :D
    bue hablamos luego, y cualquier cosa lo comento a ver si me pueden ayudar.
    chao.