Alineaciones Simples...

[crcbad]

Buenas, tengo un problemilla, que bueno, sonará a típico pero no sé que hacer, os explico, tengo una tabla normal y corriente con una imagen y un pequeño texto es decir, algo asi:

Código HTML:

<table>
  <tr>
    <td><img src="hola.gif"> Muy buenas!!</td>
  </tr>
</table> 

Como esa tabla, tengo más o menos 100 que recojo de una consulta contra Oracle, lo cual mediante un codigo Javascript genera un arbol, pero en definitiva es un tabla con muchas filas, y cada una de ellas tiene su imagen y su texto....

Lo que necesito es que sin mucha complicación o mediante algun estilo o algo, la imagen y el texto estén alineados de tal forma que la imagen se muestre con sus dimensiones y que el texto siguiente que le acompaña esté alineado verticalmente con la imagen, es decir, por defecto la imagen se muestra pero el texto parece como si estuviera alineado de forma distinta, para enterarnos, quiero conseguir el mismo efecto que si uso dos columnas con valign="middle" teniendo en una columna la imagen y en la otra el texto, que están perfectamente alineados.

Espero haberme explicado bien, saludos ^^

[Jorolo]

Hola crcbad.

Lo que puedes hacer es alinear la imagen con css.

Código HTML:

<table>
 <tr>  
  <td><img src="hola.gif" style='vertical-align: middle'>Muy buenas!!</td>
 </tr>
</table> 

[crcbad]

No parece que funciones ese estilo....

http://www.eruben.biz/Untitled-1.html

[Jorolo]

Pues a mí me parece que sí funciona.
Pero si quieres etiquetar el texto, hazlo asi.

Código HTML:

<td><span class="style1"> <img src="arrow_gray.gif" style="vertical-align: middle"> Muy buenas!!</span> </td> 

[crcbad]

Jorolo tienes toda la razón del mundo, si que funciona correctamente, únicamente que estaba mal etiquetado.

Muchas gracias por la ayuda, muy agradecido

[leoj90]

Porq con Css? el usa solo html (asi parece), para q entienda lo q pone......
<td valign="middle"><img src="hola.gif">Muy buenas!!

en vez de:
<td><img src="hola.gif" style='vertical-align: middle'>Muy buenas!!