dos menus

jgumiel · 5 Ene 2008, 13:26 · Solicitar retirada

Buenos dias!! Yo querria poner 2 menus veerticales, uno a la izquierda y e otro a la derecha y en medio de las dos poner algun parrafo, como lo puedo hacer.
Intentandolo de esta forma que he escrito abajo me pararecen uno a dcada lado pero el de la derecha sin la parte superior, y como puedo escribir entre los dos?

<div id="menus">
<div id="menu">
<div align="center"> <h1>MENU</h1> </div>
<ul>

HOJA1

HOJA2

HOJA3

HOJA4

HOJA5

HOJA6

HOJA7
</div>

<div id="menu2">
<div align="center"> <h1>EJERCICIOS</h1></div>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4

</div>

Y LA HOJA DE ESTILOS

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px ;}
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

#menu2 {background-color: orange ; width: 150px ; float:right ;
text-align:center ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:10px }
#menu li2 {list-style:none ; margin: 4px 8px 4px 6px }
#menu h2 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

Y la pagina es:
http://misclasesparticulares.iespana.es/plantilla.html

kaotick · 5 Ene 2008, 14:16 · Solicitar retirada

tendrias que crear otro div en el medio y ay poner el texto

jgumiel · 5 Ene 2008, 15:23 · Solicitar retirada

vale gracias, pero porque no se me ve la parte superior del menu 2?

kaotick · 5 Ene 2008, 16:13 · Solicitar retirada

pues todo lo veo bien anoser que primero subiste la pagina y despues viste el fallo y lo arreglaste o un fallo al subir imagen

jgumiel · 5 Ene 2008, 16:42 · Solicitar retirada

el fallo no lo he visto porque sigue igual, el menu de laderecha le falta el borde superior y no se pon donde piyarlo

Yaneth · 5 Ene 2008, 16:47 · Solicitar retirada

es que solo lo tienes declarado para un menu mira

#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

y aqui lo intentaste poner

#menu h2 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

pero deberias poner #menu2 h1 {..........}

intentalo asi

saludos

Yaneth · 5 Ene 2008, 16:48 · Solicitar retirada

otra cosita,

ya lo viste con firefox?????

saludos

jgumiel · 5 Ene 2008, 16:51 · Solicitar retirada

OK perfecto. Muchisimas gracias

jgumiel · 5 Ene 2008, 16:55 · Solicitar retirada

pero al poner el texto en medio con div, la columna de la derecha se baja, como puedo dejarla fija?

Yaneth · 5 Ene 2008, 17:29 · Solicitar retirada

solamente ten cuidado con los anchos de las divs

que si caben en linea no tendrás problemas

saludos

jgumiel · 5 Ene 2008, 18:18 · Solicitar retirada

pero tengo que indicarlo en la ohja de estilos, es que no te capto

<div id="menus">
<div id="menu">
<div align="center"> <h1>MENU</h1> </div>
<ul>

HOJA1

HOJA2

HOJA3

HOJA4

HOJA5

HOJA6

HOJA7
</div>
<div> poner lo que se me ocurra</div>
<div> poner lo que se me ocurra</div>

<div id="menus">
<div id="menu2">
<div align="right"> <h1>EJERCICIOS</h1></div>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4

</div>

HOJA DE ESTILOS

#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px ;}
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

#menu2 {background-color: orange ; width: 150px ; float:right ;
text-align:center ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:10px }
#menu li2 {list-style:none ; margin: 4px 8px 4px 6px }
#menu2 h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif)}

http://misclasesparticulares.iespana.es/plantilla.html

Yaneth · 5 Ene 2008, 18:29 · Solicitar retirada

Yo lo pondría asi:

<div id="contenido">
<div id="menu1">aqui todo el contenido del menu1</div>
<div id="texto">aqui todo el texto que quieras</div>
<div id="menu2"><aqui el contenido del menu2</div>

luego en la hoja de estilos asi:

#contenido {width:800px}
#menu1 {width:150px; float:left}
#texto {width:400; float:left}
#menu2 {width:150px; float:left}

como verás solo les estoy poniendo un ancho fijo, y obligandolos
a ponerse uno a lado del otro

saludos

jgumiel · 5 Ene 2008, 19:17 · Solicitar retirada

mUCHAS GRACIAS PERO DENTRO DEL MENU2 ME SALE UN PUNTO AL PRINCIPIO DE CADA ENLACE COMO LOS QUITO

<div id="menus">
<div id="menu">
<div align="center"> <h1>MENU</h1> </div>
<ul>

HOJA1

HOJA2

HOJA3

HOJA4

HOJA5

HOJA6

HOJA7
</div>
<div id="texto">

aqui todo el texto que quieras
aqui todo el texto que quieras
aqui todo el texto que quieras</p>aqui todo el texto que quieras</p>

aqui todo el texto que quieras</p>

aqui todo el texto que quieras</p>

aqui todo el texto que quieras</p>

aqui todo el texto que quieras</p>

</div>

<div id="menus">
<div id="menu2">
<div align="right"> <h1>EJERCICIOS</h1></div>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4

</div>

Yaneth · 5 Ene 2008, 19:24 · Solicitar retirada

esta linea es la que hace no tengas los puntos

#menu li {list-style:none ; margin: 4px 8px 4px 6px }

lo que tienes que hacer es ponerle lo mismo a menu 2

asi:

#menu2 li {list-style:none ; margin: 4px 8px 4px 6px }

saludos