Entrar

No se como ordenar estos menus

Energiaelca1 · · Solicitar retirada
Queria hacer modificaciones en mi pagina de inicio incluyendo espacios donde poner algunos enlaces pero no se como dejarlos todos en la misma columna, os dejo las capturas de como me sale y como quisiera tenerlo, aunque no sea precisamente esa imagen la que vaya a poner, por mas que me repaso el curso completo no encuentro como hacerlo, esta segunda parte la he dejado sin inguna imagen de fondo y en la hoja de estilos no se como definir ese segundo menu, os dejo aparte de las imagenes esa parte de la hoja de estilos por si tengo que modificar algo
Esto es lo que tengo
[contenido no disponible]
Y esto es lo que quisiera
[contenido no disponible]

Ahora os dejo lo que escribi en la hoja de estilos

#menu {width: 150px ; float:left ; text-align:left; margin: 3px 12px 3px 3px 3px; background-image: url(Objetos/fondo-menu.gif);background-position: bottom; padding-bottom:3px }
#menu2 {width: 150px ; float:left ; text-align:left; margin: 3px 12px 3px 3px 3px;background-position: bottom; padding-bottom:3px}

en la hoja donde quiero poner las modificaciones tengo escrito esto

<div id="menu"><ul><h1>Menú</h1>
  • Webs Amigas
  • Mi rincón
  • Foros [contenido no disponible][contenido no disponible]
  • [correo eliminado]</div>
    <div id="menu2"><ul>
  • enlace1
  • enlace2
  • <iframe src="http://ladylony.com/newcc88.htm" name="main" width="154" height="197" scrolling="no" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe></div>



    De antemano muchas gracias por todo
    • Raulyure · · Solicitar retirada
    Energiaelca1 escribió:Queria hacer modificaciones en mi pagina de inicio incluyendo espacios donde poner algunos enlaces pero no se como dejarlos todos en la misma columna, os dejo las capturas de como me sale y como quisiera tenerlo, aunque no sea precisamente esa imagen la que vaya a poner, por mas que me repaso el curso completo no encuentro como hacerlo, esta segunda parte la he dejado sin inguna imagen de fondo y en la hoja de estilos no se como definir ese segundo menu, os dejo aparte de las imagenes esa parte de la hoja de estilos por si tengo que modificar algo
    Esto es lo que tengo
    [contenido no disponible]
    Y esto es lo que quisiera
    [contenido no disponible]

    Ahora os dejo lo que escribi en la hoja de estilos

    #menu {width: 150px ; float:left ; text-align:left; margin: 3px 12px 3px 3px 3px; background-image: url(Objetos/fondo-menu.gif);background-position: bottom; padding-bottom:3px }
    #menu2 {width: 150px ; float:left ; text-align:left; margin: 3px 12px 3px 3px 3px;background-position: bottom; padding-bottom:3px}

    en la hoja donde quiero poner las modificaciones tengo escrito esto

    <div id="menu"><ul><h1>Menú</h1>
  • Webs Amigas
  • Mi rincón
  • Foros [contenido no disponible][contenido no disponible]
  • [correo eliminado]</div>
    <div id="menu2"><ul>
  • enlace1
  • enlace2
  • <iframe src="http://ladylony.com/newcc88.htm" name="main" width="154" height="197" scrolling="no" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe></div>



    De antemano muchas gracias por todo
    • Hola:
    Mirándo rápidamente, yo le sugeriría que pusiese sus dos menu, el menu y el menu2 dentro de una capa que llamaría menu0, para que esa capa contenga a esos dos menus y a esa capa menu0 le pondría en la hoja de estilo las propiedades que le ha puesto a la capa menu, por ejemplo
    #menu0{width: 150px ; float:left ; margin: 3px 12px 3px 3px }
    #menu {width: 150px ; text-align:left; background-image: url(Objetos/fondo-menu.gif);}
    #menu2 {width: 150px ; text-align:left;margin-top:3px;}
    La única capa que llevaría un float:left, sería la capa menu0 que es la que contiene a las otras dos, aunque tampoco habría problemas si a las otras le incluye ese float:left
    Esto es solo un ejemplo
    Saludos
    Agradecido de los que aprenden enseñando
    Energiaelca1 · · Solicitar retirada
    Gracias Raul, ahora segundo problema, igual no pegue los submenus de forma correcta, mira en la captura como me quedo, le falta la barra inferior del primer menú, por muchos enlaces que le añada no me aparece :? y a continuación pondré lo escrito en ambas páginas en la de estilos y en la página donde estoy probando las modificaciones

    [contenido no disponible]

    En la hoja de estilos escribi exactamente lo que me propones
    #menu0{width: 150px ; float:left ; margin: 3px 12px 3px 3px }
    #menu {width: 150px ; text-align:left; background-image: url(Objetos/fondo-menu.gif);}
    #menu2 {width: 150px ; text-align:left;margin-top:3px;}


    En la pagina escribí esto otro y es donde tengo dudas, no se si lo hice bien, fui probando hasta que no me daba error

    <div id="menu0">
    <div id="menu">

    <ul>

    <h1>Menú</h1>
  • Webs Amigas [contenido no disponible][contenido no disponible]
  • Mi rincón
  • Foros [contenido no disponible][contenido no disponible]
  • [correo eliminado]</div>
    <div id="menu2">

    <h2>***</h2>
    <h2>***</h2>
    <h2><iframe src="http://ladylony.com/zzkal10.htm" name="main" width="79" height="95" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe></h2>
    <h2>***</h2>
    <h2>Vota este sitio</h2>
    <h2>[contenido no disponible]</h2>
    </div>
    </div>


    Gracias por todo
    • Energiaelca1 · · Solicitar retirada
    Gracias ahora si lo veo bien, ahora voy a ver si puedo hacer lo mismo con el contenido de la derecha e intentar que se quede todo como en una tabla con dos columnas, a la izquierda los enlaces y a la derecha el resto del contenido de la pagina
    Gracias por todo, ya si veo que no me sale lo del contenido os dare de nuevo un poco la paliza :? jeje
    Muchas gracias de nuevo :lol: