Foros del Web » Creando para Internet » HTML »

Alineaciones Simples...

Estas en el tema de Alineaciones Simples... en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/11/2005, 13:03
Avatar de crcbad  
Fecha de Ingreso: enero-2005
Mensajes: 302
Antigüedad: 12 años, 11 meses
Puntos: 0
Exclamación Alineaciones Simples...

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 ^^
__________________

:cool: [ http://eruben.sytes.net ] :cool:


Las dos frases que te ayudarán a salir adelante:
  • No hay mujer fea, solo copas de menos. :borracho:
  • Ante la duda, siempre coge la más tetuda. :arriba:
  #2 (permalink)  
Antiguo 03/11/2005, 13:53
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
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> 
  #3 (permalink)  
Antiguo 03/11/2005, 14:11
Avatar de crcbad  
Fecha de Ingreso: enero-2005
Mensajes: 302
Antigüedad: 12 años, 11 meses
Puntos: 0
No parece que funciones ese estilo....

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

:cool: [ http://eruben.sytes.net ] :cool:


Las dos frases que te ayudarán a salir adelante:
  • No hay mujer fea, solo copas de menos. :borracho:
  • Ante la duda, siempre coge la más tetuda. :arriba:
  #4 (permalink)  
Antiguo 03/11/2005, 15:19
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
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> 
  #5 (permalink)  
Antiguo 03/11/2005, 15:59
Avatar de crcbad  
Fecha de Ingreso: enero-2005
Mensajes: 302
Antigüedad: 12 años, 11 meses
Puntos: 0
Jorolo tienes toda la razón del mundo, si que funciona correctamente, únicamente que estaba mal etiquetado.

Muchas gracias por la ayuda, muy agradecido
__________________

:cool: [ http://eruben.sytes.net ] :cool:


Las dos frases que te ayudarán a salir adelante:
  • No hay mujer fea, solo copas de menos. :borracho:
  • Ante la duda, siempre coge la más tetuda. :arriba:
  #6 (permalink)  
Antiguo 03/11/2005, 18:36
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
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!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:17.