Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/09/2009, 16:41
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 14 años, 11 meses
Puntos: 45
Respuesta: Alineacion usando CSS

Hola zeppeling

Prueba algo así, a ver si esto te ayuda:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Copia-pega y prueba</title>
<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;
}
ul {
	list-style:none;
}
li {
	float: left;
	margin-left: 5px;
}
</style>
</head>

<body>
<!-- el borde en la imagen es sólo para probar -->
<div id="dropdown" style="width: 100%;">
<ul>
	<li><img alt="" src="foto.gif" width="160" height="50" style="border: 1px solid #484848" /></li>
	<li class="drop">
		<form method="post" action="foto.php"> 
  		<input type="text" name="nombre" value="" /> 
  		<input type="submit" value="Buscar" /> 
  		</form>
  	</li>
  
	<li><img alt="" src="foto2.gif" width="160" height="50" style="border: 1px solid #484848" /></li>
	<li class="drop">
		<form method="post" action="foto2.php"> 
  		<input type="text" name="nombre" value="" /> 
  		<input type="submit" value="Buscar" /> 
  		</form>
  	</li>
</ul>
</div>
</body>

</html> 
Comenta algo.

Bye