Bueno, tengo un problema. Tantas veces tuve soluciones de ustedes, que cuando necesito esta, vengo a parar aqui. Espero que me puedan ayudar una vez más.
Yo tengo 2 imagenes con su respectivo form cada una. Lo que hice fue ocultar el form (campo de texto y boton de buscar) y al pasar el mouse por arriba de la imagen, el campo de texto y el boton se mostraban. Ahora bien, yo antes de implementar el codigo para ocultar, las tenia alineadas a las dos imagenes en el mismo renglón y las manejaba con el famoso <table> <tr>. Ahora con este codigo que muestro abajo, no lo puedo implementar. Me queda una abajo de la otra y yo necesito que estén las dos en el mismo renglon. No es que no lo ponga (<table> <tr>), es que aunque lo ponga, no lo implementa. Por eso no lo van a encontrar en el codigo ahora.
Agradecería si alguien me supiera decir porque me estoy volviendo loco (más aún).
Código:
<style type="text/css">
#dropdown ul .drop{display:none;}#dropdown a {background:#ccc;}#dropdown ul:hover .drop{display: inline-block;}#dropdown ul .item{display:none;}#dropdown ul:hover .item{display:block;};
</style><br />
<div id="dropdown"><ul>
<ul><li>
<img src="foto.gif" width="160" height="50" ></li>
<li class="drop">
<form method="post" action="foto.php">
<input type="text" name="nombre" value="">
<input type="submit" value="Buscar">
</form></li></ul>
<ul><li>
<img src="foto2.gif" width="160" height="50" ></li>
<li class="drop">
<form method="post" action="foto2.php">
<input type="text" name="nombre" value="">
<input type="submit" value="Buscar">
</form></li></ul>