Foros del Web » Creando para Internet » HTML »

Alineación vertical en una tabla

Estas en el tema de Alineación vertical en una tabla en el foro de HTML en Foros del Web. El problema que tengo es que tengo una tabla con imagenes de diferentes tamaños, y quiero que esten alineadas abajo, para ello intenté usar align="bottom" ...
  #1 (permalink)  
Antiguo 19/12/2008, 15:54
Avatar de neandertal  
Fecha de Ingreso: enero-2008
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 16 años, 2 meses
Puntos: 1
Alineación vertical en una tabla

El problema que tengo es que tengo una tabla con imagenes de diferentes tamaños, y quiero que esten alineadas abajo, para ello intenté usar align="bottom" en cada una de las imagenes, pero no me funciona, también he probado usando la propiedad CSS vertical-align pero no consigo que se alineen.
Alguna idea ?
  #2 (permalink)  
Antiguo 19/12/2008, 16:08
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 16 años, 8 meses
Puntos: 23
Respuesta: Alineación vertical en una tabla

a quien le estas poniendo el valign? a la tabla al renglon a la celda o a la imagen?
__________________
Una demo siempre funcionará correctamente hasta que toque algo tu (hasta ahora) cliente.
Avatar810
  #3 (permalink)  
Antiguo 19/12/2008, 16:52
Avatar de neandertal  
Fecha de Ingreso: enero-2008
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Alineación vertical en una tabla

A la imagen.
  #4 (permalink)  
Antiguo 19/12/2008, 17:08
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 16 años, 8 meses
Puntos: 23
Respuesta: Alineación vertical en una tabla

prueba colocandoselo al renglon (tr) o a cada una de las celdas (td)

la alineacion se debe aplicar al elemento que contenga al elemento (sobretodo si el elemento que lo contiene es mayor que las dimensiones de la objeto en si...

saludos
__________________
Una demo siempre funcionará correctamente hasta que toque algo tu (hasta ahora) cliente.
Avatar810
  #5 (permalink)  
Antiguo 19/12/2008, 17:44
Avatar de neandertal  
Fecha de Ingreso: enero-2008
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Alineación vertical en una tabla

He probado lo que me comentas de añadir la propiedad a las etiquetas <td> y <tr> aun así, sigue sin funcionar.
  #6 (permalink)  
Antiguo 19/12/2008, 17:46
Avatar de neandertal  
Fecha de Ingreso: enero-2008
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Alineación vertical en una tabla

He probado lo que me comentas de añadir la propiedad a las etiquetas <td> y <tr> pero aun así, sigue sin funcionar.

Perdón por el post duplicado, pero no se como borrarlo.
  #7 (permalink)  
Antiguo 19/12/2008, 17:54
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 16 años, 8 meses
Puntos: 23
Respuesta: Alineación vertical en una tabla

copia un bloque de codigo o si esta en linea tu pagina pasala para revisar que falta/sobra/esta equivocado...
__________________
Una demo siempre funcionará correctamente hasta que toque algo tu (hasta ahora) cliente.
Avatar810
  #8 (permalink)  
Antiguo 19/12/2008, 18:08
Avatar de neandertal  
Fecha de Ingreso: enero-2008
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Alineación vertical en una tabla

El codigo de la tabla es el siguiente:
Código HTML:
<table width="200" border="0" align="center" id="grafico">
<tbody>
<tr align="bottom">
<td align="bottom" id="2"><img width="12" height="232" src="graficos/azul.jpg" align="bottom"/></td>
<td align="bottom" id="1"><img width="12" height="232" src="graficos/azul.jpg" align="bottom"/></td>
<td align="bottom" id="0"><img width="12" height="123" src="graficos/azul.jpg" align="bottom"/></td>
</tr>
</tbody>
</table> 
  #9 (permalink)  
Antiguo 19/12/2008, 18:14
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 16 años, 8 meses
Puntos: 23
Respuesta: Alineación vertical en una tabla

prueba esto, le quite el align a la imagen y le agregue el valign a las celdas

<table width="200" border="0" align="center" id="grafico">
<tbody>
<tr align="bottom">
<td align="bottom" id="2" valign="bottom"><img width="12" height="232" src="graficos/azul.jpg"/></td>
<td align="bottom" id="1" valign="bottom"><img width="12" height="232" src="graficos/azul.jpg"/></td>
<td align="bottom" id="0" valign="bottom"><img width="12" height="123" src="graficos/azul.jpg"/></td>
</tr>
</tbody>
</table>
__________________
Una demo siempre funcionará correctamente hasta que toque algo tu (hasta ahora) cliente.
Avatar810
  #10 (permalink)  
Antiguo 19/12/2008, 18:48
Avatar de neandertal  
Fecha de Ingreso: enero-2008
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Alineación vertical en una tabla

Lo solucioné poniendo valign dentro del <td>.
Gracias por la ayuda.
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 15:12.