La idea es como la del menú desplegable que figura en las faq's, pero sencillo.
Tengo este sitio:
www.detodounpocoonline.com.ar
y quiero que al pasar el mouse sobre "productos" aparezca un div hasta el momento oculto, que tomarà de mysql el listado de productos.
En realidad, es, claro, un menú desplegable, pero no quiero utilizar los elementos de <ul> ni nada por el estilo.
Lo que he intentado, es lo siguiente:
en la hoja de estilos
Código:
y en la pàgina en php, lo que he hecho es crear #menudes2, con un contenido dinàmico.a.menudes { color:#FFFFFF; text-decoration:none; margin-left:7px; margin-right:7px; } #menudes2 { visibility: hidden; } a.menudes:hover #menudes2 { visibility: visible; }
pero al pasar sobre "produtos (que tiene <a href="" class="menudes">) no pasa nada.
sí funciona con capas. Es decir, si yo tomo <div id="menudes">Productos</div>
sí puedo operar en la hoja de estilos con
Código:
#menudes { color:#FFFFFF; text-decoration:none; margin-left:7px; margin-right:7px; } #menudes2 { visibility: hidden; } #menudes:hover #menudes2 { visibility: visible; }
pero esto me desbarata toda la lìnea en donde está el menú...
en fin, acepto sugerencias.