Desarrollo
Ayuda con menu y sub-menu CSS
Aupa, os comento mi problema de una manera sencilla, para ver si me podeis ayudar.
Quiero un menu como este que muestro, en el cual un elemento de la lista hace que aparezca un submenu justo debajo de la misma manera que se muestra en la imagen.
Los diferentes colores son diferentes <div>, como veis el elemento de la lista que hace de accionador del sub-menu (en mi caso quiero que esto ocurra al poner el ratón sobre el elemento).
Mi idea para hacer esto era la siguiente: el <div> de color verde no tocarlo para nada, simpelemte hacer que funcione como un menú normal y listo, en esto no tengo problemas. Luego meter en un solo <div> amarillo, un botón del menu (que en apariencia sería igual que los del <div> verde) y el sub-menu. ¿Para que quiero hacer esto? Mi idea es hacer que el contenido de el <div> amarillo este siempre oculto con visibility: hidden; pero que a su vez el <div> rosa, que es el del botón del menu superior sea siempre visible con visibility: visible; esto también lo consigo, hago que desaparezca todo el sub-menu dentro del <div> amarillo excepto el contenido del <div> rosa. El problema viene al intentar que aparezca el sub-menu cuando coloco el ratón sobre el <div> rosa que permanece visible, y da la orden de que sea visible todo el <div> amarillo cuando esta a:hover
Creo que más o menos está bien explicado y la imagen aclara mucho. Llevo menos de un mes usando html, y menos aun dreamweaver, así que espero que entendais como lo he explicado 
13 May 2011, 17:10
| menucss | 1 |
Es para una web que andamos haciendo en clase como proyecto final del segundo año. Flashk ya me pasó este menu https://www.cssplay.co.uk/menus/dd_valid_2.html que es como quiero el mio, pero a parte de que me gustaría hacerlo por mi mismo, quiero entenderlo… Por eso agradecería que explicaseis que está mal, o como hacerlo, no simplemente pasarme un cacho de código.
Bueno como ahora no voy a retomar el html y recordar lo poco que sabía te dejo este enlace esta genial si realmente quieres aprender:
https://www.comocreartuweb.com/ejemplo-con-divs/web-paso-a-paso.html
A partir de la Lección 2 te pone sobre Menús y demás cosas , amí me ayudo bastante la verdad y si quieres hacerlo por ti mismo puedes mirar la base que te pone ahí y cambiarlo a tu gusto.
Suerte.
Gracias, pero esa web es para aprender html en general, yo eso ya lo estoy haciendo en clase (y en el mismo orden que pone en esa web), loq ue ahora me gustaría es saber porque no me funciona esto, si en teoría debería funcionar, al menos en mi cabeza funciona bien hjaha
Editado: Aclaro una cosa, lo que yo llamo <div> rosa, y sale así en el dibujo, en realidad no es un <div> es una simple ID diferente.
Te recomiendo estos libros gratis, de los mejorcitos que hay:
https://www.librosweb.es/css/
https://www.librosweb.es/css_avanzado/
Es lo mismo que le he dicho a
necesito ayuda a este problema concreto
no quiero leerme de nuevo esos libros, que no se habla de esto en concreto, que esas webs es de las que he estudiado HTML y CSS.
pues no entiendo con exactitud tu fallo en concreto… me he leído y releído lo que pusiste y no me aclaro jaja. Llamame lerdo
No entiendes como quiero plantear el problema? es para re-explicarlo si hace falta, ya que arreglar esto me es bastante importante.
Ahí te dejo estos menús complejos para que les eches un vistazo. Según tengo entendido para los menús lo mejor son las listas en vez de los div.
https://alvit.de/css-showcase/css-navigation-techniques-showcase.php
Saludos.
Sep, investigando antes de comer con sion he visto que un menú que tengo de ejemplo que hace lo que yo quiero en vez de usar div usa los mismos ul y li de las listas, mañana en clase me pondré con eso a ver si tengo prograsos, que me he quedado atascado en esta parte
Si lo solucionaste avisa, que me interesa
Pssssss… lo he solucionado pero no como me hubiera gustado. He usado un spry en java de los que vienen con el Dreamweaver, lo he apañado para que encaje en mi cabecera y listo, me jode bastante no poder hacerlo como quería, pero estaba completamente atascado y aun me quedan varias cosas por hacer.
Efectivamente Txuri, amolcito… lo mejor para menús es emplear listas. Por su control, por su facilidad para modificarlas y puesto que puedes modificarlas al gusto (horizontal, vertical…)
Miraré lo que necesitas pero yo sólo he estado unas semanas intensivas con CSS jejeje
Que estudias txuri?
Ya no hace falta
ayer entregué el proyecto de la página web con su memoria y todo 
ha quedado bastante como me esperaba, no tiene mucho contenido pero es más o menos lo que nos pedían, un código ordenado y limpio, accesible, con parte en flash y un mínimo de diseño en la web.
Diseño gráfico Lark, pero este proyecto se sale un poco de lo que suelo hacer, lo que pasa que se han juntado 2 asignaturas para este proyecto final de segundo año, la de proyectos y la de tecnología digital, y de la mezcla sale hacer un PROYECTO sobre un tema de TECNOLOGÍA DIGITAL
Esta pregunta lleva demasiado tiempo abierta y se encuentra en paupérrimas condiciones. Por consiguiente me siento con la obligación de cerrarla. Si alguna de las respuestas es válida por favor avisad al staff.