por que pasa esto ?? con el espacio del menu ??

saludos, desde Mexico :o (el post esta largo pero esta facil no hay que revisar meticulosamente los html, solo hecarles un ojo al orden que les menciono)

pues miren la cosa es asi, ven que cuando hacemos el menu en una de las caracteristicas que le ponemos luego es el de "display:block" en la hoja de estilos, para que salga coloreado nuestra linea de listado, todo bien, luego vez que se separan lso elementos de la lista pero el techer 8) te dice que no hay tos lo que debes hacer es ponerlo todo junto y ya, de hecho yo nunca lo puse como el, ven que separaba por renglones osea

<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3


    sino todo junto desde el principio y la cosa es que mi listado seguia con el mismo problema primero solo se desfasaba el tercer enlace, pero luego cuando lo quize componer que se separan los tres,
    asi que lo que hice pues fue la clasica de comparar el html del teacher con la mia primero vi que no tenia errores asi que pense que debia ser el orden???¡¡¡ no solo que iba junto sino un orden mas especifico y asi fue miren:

    este es mi html original: aki es donde me salian desfasados. va todo junto pero solo eso no separo en renglones ni nada, por que de ehcho todo funciona bioen solo seria la separacion.


    <div id="contenido"> <div id="menu"><ul>
  • elemento 1
  • elemento 2
  • elemento 3 </div>


    esta sera la parte principal de la web</p>

    Tienes dos opciones, una es definirle el
    margen concreto a cada uno de los párrafos de todas tus páginas web, o algo un poco más sencillo, poner un par de palabras en la Hoja de Estilo y listo. Qué prefieres? je je je.</p>


    Abre la Hoja de Estilos de la plantilla.html (estilo-general.css) y vamos a reparar esos margenes. Como los textos que vemos sin margen pertenecen a la capa de fondo naranja (orange) y en la Hoja de Estilos solo pone "orange" en la capa "#contenido", ya sabemos a
    qué capa incluirle la propiedad padding (el padding es parecido al margin, ya veremos la diferencia), verdad? Por eso le pusimos esos colores tan feos, para encontrar
    cada capa rápidamente, je je je. Pero solo queremos por ahora poner margen a sus párrafos, es decir, queremos margenes para los párrafos de dentro de la capa #contenido, así que, si recuerdas bien lo que hicimos la otra vez, esto se pone así</p>

    </div>
    <div id="pie"> aki va el coprigyht y esas cosas</div>
    ------------------------------------------------------------------

    asi ke copie el del teacher: por supuesto me salio bien el menu sin la separacion, asi que puse mi html como de el.

    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


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


    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>


    Y este es el tercer párrafo. 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>
    ------------------------------------------------------------------

    este es mi html con el orden fusilado del html del teacher: y me salio bien

    div id="contenido">
    <div id="menu">
    <ul>
  • elemento 1
  • elemento 2
  • elemento 3
    </div>


    esta sera la parte principal de la web</p>


    Tienes dos opciones, una es definirle el margen concreto a cada uno de los párrafos de todas tus páginas web, o algo un poco más sencillo, poner un par de palabras en la Hoja de Estilo y listo. Qué prefieres? je je je.</p>


    Abre la Hoja de Estilos de la plantilla.html (estilo-general.css) y vamos a reparar esos margenes. Como los textos que vemos sin margen pertenecen a la capa de fondo naranja (orange) y en la Hoja de Estilos solo pone "orange" en la capa "#contenido", ya sabemos a qué capa incluirle la propiedad padding (el padding es parecido al margin, ya veremos la diferencia), verdad? Por eso le pusimos esos colores tan feos, para encontrar cada capa rápidamente, je je je. Pero solo queremos por ahora poner margen a sus párrafos, es decir, queremos margenes para los párrafos de dentro de la capa #contenido, así que, si recuerdas bien lo que hicimos la otra vez, esto se pone así</p>
    </div>
    <div id="pie"> aki va el coprigyht y esas cosas</div>
    <div id="pie">Este es el pié de página</div>

    la duda aki es por que un orden tan especifico??? por que hay de dos una que no haya leido bien y que se haya mencionado un orden tan especifico o que no se haya mencionado, entodo caso lo que me preocupa no es que por ejemplo que haorita me salga bien sino en como afectara el orden que ponga estas cosas (menu por ejemplo) en msi futuras webs
    :(
  • Hola

    el orden en la hoja de estilos es muy importante, ya que
    lee de arriba hacia abajo, y si hay dos cosas repetidas
    anula la primera me explico

    si tu pones en la hoja de estilos asi:

    body {background-color: pink}
    body {background-color: black}

    en este caso me anulara la primera y el fondo será negro
    me explico?????

    en el html, pasa algo similar

    lee, de arriba hacia abajo, y en ese orden se van acomodando las cosas

    saludos
    pegue mal en la segunda y parece que repeti un div de pie de pagina, pero pues no es el problema creo por que en todo caso en el html no lo repeti y salio como te digo :?