Hola, bueno eh visto que han preguntado un millon de veces como hacer que un menu se ponga debajo de otro!, esto es muy simple... bueno les explico:
Primero se supone que se tiene creado en una hoja de estilos un #menu con las propiedades que ustedes les pusieron, bueno entonces ahora crearemos otro que sera llamado
#menu1
Despues de esto le podemos dar las mismas propiedades que las que tiene #menu....
despues nos creamos otro llamado #menus y le damos la siguientes propiedades:
bueno ya lo tenemos ahora el color de fondo lo pueden cambiar al que gusten si quieren camuflarlo con un color igual que el contenido, ahora el ancho tiene que ser un pelin mas ancho de lo que son sus menus ahora por ultimo nos vamos a la hoja html o plantilla......
ahi pondremos asi
se supone que lo tenemos asi:
Ahora como ya habiamos creado menu1 y menus los ponemos asi:
Listo tenemos dos menus, uno debajo de otro y asi podemos poner mas y mas y mas... ahora lo que hicimos fue hacer un div que contenga dos divs pero como el div grande es delgado obligo al segundo menu a bajarse asi quedaron uno abajo de otro y si los quieren separados solo a menu1 ponganle un margin asi:
#menu1 {margin: 5px 0px 0px 0px;...}
espero que les sirva y si tienen algun problema consultenmelo :wink:
Primero se supone que se tiene creado en una hoja de estilos un #menu con las propiedades que ustedes les pusieron, bueno entonces ahora crearemos otro que sera llamado
#menu1
Despues de esto le podemos dar las mismas propiedades que las que tiene #menu....
despues nos creamos otro llamado #menus y le damos la siguientes propiedades:
#menus {background-color: orange; width: 150;float: left}bueno ya lo tenemos ahora el color de fondo lo pueden cambiar al que gusten si quieren camuflarlo con un color igual que el contenido, ahora el ancho tiene que ser un pelin mas ancho de lo que son sus menus ahora por ultimo nos vamos a la hoja html o plantilla......
ahi pondremos asi
se supone que lo tenemos asi:
<div id="menu">
<ul><h1>Contenido</h1>
[*][url="#"]enlace[/url][*][url="#"]enlace[/url][*][url="#"]enlace[/url][*][url="#"]enlace[/url][*][url="#"]enlace [/url]
[/list]
</div>Ahora como ya habiamos creado menu1 y menus los ponemos asi:
<div id="menus">
<div id="menu">
<ul><h1>Contenido</h1>
[*][url="#"]enlace[/url][*][url="#"]enlace[/url][*][url="#"]enlace[/url][*][url="#"]enlace[/url][*][url="#"]enlace [/url]
[/list]
</div>
<div id="menu1">
<ul><h1>Contenido 2</h1>
[/list]
[*][url="#"]enlaces[/url]
</div>
</div>Listo tenemos dos menus, uno debajo de otro y asi podemos poner mas y mas y mas... ahora lo que hicimos fue hacer un div que contenga dos divs pero como el div grande es delgado obligo al segundo menu a bajarse asi quedaron uno abajo de otro y si los quieren separados solo a menu1 ponganle un margin asi:
#menu1 {margin: 5px 0px 0px 0px;...}
espero que les sirva y si tienen algun problema consultenmelo :wink: