Buenas,
Aqui os dejo el código con el que me estoy peleando desde hace días:
Código:
<html>
<head>
<title>Prueba</title>
</head>
<body>
<form action="" method="" id="buy_billetes">
<p class="fechas">
<input type="text" value="fecha de ida" name="fecha_ida" id="fecha_ida"/>
<a href="" title="Escoge fecha de salida"><img src="img/calendar.gif" title="Calendario para escoger fechas"/></a>
<input type="text" value="fecha de vuelta" name="fecha_vuelta" id="fecha_vuelta"/>
<input type="image" src="img/calendar.gif" name="calendar" id="fecha_vuelta_calendar"/>
</p>
</form>
</body>
</html>
El problema surge cuando no logro de ninguna manera alinear estos elementos en el eje vertical (que queden todos a la misma altura) He probado a aplicar numerosos estilos, jugando con line-height, height; padding; margin, etc en todos los elementos.
En el código podeis apreciar además que para insertar "la típica imagen del calendario" para escoger fechas, he probado incluso a insertarla como img dentro de un a, e incluso como un
.
Alguine podría ayudarme a escoger la mejor manera de solucionar este problema que ocurre tanto en Explorer como en Firefox??
Mi millones de gracias ed antemano.