Dos dudas

Hola

el problema esta asi:

tienes un div llamado menu en el cual has metido menu1 y menu2

hasta aqui todo bien

pero....

en la hoja de estilos le dices esto:
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom }

Entonces todo lo que esté dentro del div menu tendrá el mismo fondo

lo que debes hacer es quitarle el fondo (te lo puse en rojo)
y dejar solo las medidas necesarias

y en #menu1 y #menu2, le pones el fondo que desees, para probar que funcione bien no le pongas la imagen que debe ir, solo ponle background-color: y le pones colores diferentes, cuando ya estés conforme, le pones la imagen de fondo

saludos
Definitivamente no me acaba de salir. Alguien tendria la amabilidad de intentar hacerlo el y pegar el codigo? Seria de gran ayuda.

Muchas gracias a todos los que me han ayudado ^^
<div id="menu">
<div id="menu1>
<ul>
<h1>Titulo de seccion 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    <div id="menu2">
    <ul>
    <h1>Titulo de seccion 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>


    En la hoja de estilos le has tenido que poner un margin al menu1 abajo.
    Saludos, Juanma
  • Quizás sea mejor con el div y todo, pero no lo he probado. Quedaria así:

    <div id="menu">
    <ul>
    <h1>Titulo de seccion 1</h1>
  • Enlace 11
  • Enlace 12
  • Enlace 13

    </div>


    <div id="menu">
    <ul>
    <h1>Titulo de seccion 2</h1>
  • Enlace 21
  • Enlace 22
  • Enlace 23

    </div>
  • Buf, no lo he entendido muy bien. ¿Como quedaría entonces la hoja de estilos? COn un menu está así:

    #menu {background-color: yellow ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom }
    #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) }
    Pues a ver, vamos a organizarnos un poco, puedes ponernos cómo te quedaron los codigos html y css con los dos menus? Así veo lo que habría que modificar y nos liamos menos :wink: