input tipe='text' + input type='image' centrados

[oscarbt]

Buenas a todos, como se pueden alinear dos inputs, uno de tipo texto y el otro de tipo image, de tal forma que ambos queden alineados, ya que actualmente se ven de la siguiente forma:




Y yo necesito que me queden alineados para mejorar la presentación, asi mismo que se vea alineado junto con el texto
el codigo lo tengo asi:

Código HTML:

DIANOSTICO:<input type="text" size="60" >&nbsp;<input type="image" src="../imagenes/add.png" >
 

Agradezco me puedan dar una guia o decir que propiedad css debo aplicar.....

[GAST0N]

podrias usar ahi..
input+input{
margin-top:"AQUI LOS PIXELES QUE CREAS NECESARIOS";
}

Ahi estarias manipulando el input que contiene la imagen.. saludos!

[oscarbt]

Podria darle el mismo valor en pixeles en el margin-top para cada input?....funcionaria?

[oscarbt]

He aplicado lo que me dices y el margin se lo hace a ambos inputs pero lo sigue mostrando igual....

[GAST0N]

Iniciado por oscarbt

Podria darle el mismo valor en pixeles en el margin-top para cada input?....funcionaria?

input+input solo manipularias el input de la imagen,

si queres a todos los input

simplemente seria : input{ }

el tema es que vos queres acomodar solo el imput de la imagen..

me imagino q esto debe estar en un div ...

podrias dejar el html completo para poder verlo mejor ??

gracias!

[oscarbt]

Ok aca va:

Código HTML:

<div id="diagnosticos">
<table class="tablas">
<tr class="modo1">
<td>Indicacion</td><td><input type="text" name="indicacion"></td></tr>
 
<tr class="modo1">
<td>DIAGNOSTICO</td><td><input type="text" size="60"  >&nbsp;<input type="image"  src="../imagenes/add.png"  ></td></tr>
</table>
 
</div>
 

El problema es en la ultima fila, les habia puesto style="margin-top:3px"

pero ambos inputs cojen la propiedad, obviamente porque estan en la misma celda....entonces que solución puedo aplicar?, sin tener que separarlos de celdas...