Foros del Web » Creando para Internet » CSS »

css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

Estas en el tema de css en tabla. ¿Como alinear el texto en la parte superior de la tabla? en el foro de CSS en Foros del Web. En otro topic empeze este tema, pero me parece prudente ser ordenado y prefiero seguir con mi duda aca. Este es el tema original Estoy ...
  #1 (permalink)  
Antiguo 08/02/2009, 15:01
 
Fecha de Ingreso: octubre-2008
Mensajes: 75
Antigüedad: 9 años, 1 mes
Puntos: 0
css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

En otro topic empeze este tema, pero me parece prudente ser ordenado y prefiero seguir con mi duda aca. Este es el tema original

Estoy trabajando con tablas para organizar tablas y comentarios sobre imagenes. Lo que quiero es que a la izquierda aparesca la imagen y a la derecha un comentario. Pero cuando hago esto el texto aparece centralizado. Es algo asi lo que me pasa (copiar y pegar en el navegador, ya que como soy usuario nuevo no me dejan postear imagenes.....):

img513.imageshack.us/img513/6752/problemgw0.png

El codigo css que me genera la tabla es el siguiente:

Cita:
/* CSS File */

.wptable {

font: Icon;
border: 1px Solid ThreeDShadow;
background: Window;
color: WindowText;
border-collapse: collapse;
}

/* header row*/
.wptable th {

padding: 2px 5px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
cursor: default;
background: ButtonFace;

}

/* normal row*/
.wptable td {

padding: 3px;
}

/* alternative rwo */
.wptable tr.alt {

background-color: #F4F4EC;

}
Me dijeron que debo agregar vertical-align:top pero no funciono. Que debo agregar para lograr lo que necesito?
  #2 (permalink)  
Antiguo 08/02/2009, 15:43
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

Hola,

¿Por qué no lo pones directamente en el td?

Código HTML:
<td valign="top"> 
  #3 (permalink)  
Antiguo 08/02/2009, 16:30
 
Fecha de Ingreso: octubre-2008
Mensajes: 75
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

Cita:
Iniciado por d-ART Ver Mensaje
Hola,

¿Por qué no lo pones directamente en el td?

Código HTML:
<td valign="top"> 
Lo intente pero me da un conflicto aparte no deberia hacerlo en cada tabla?. En cambio con el CSS seria un solo cambio.
  #4 (permalink)  
Antiguo 08/02/2009, 16:45
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

Hola:

Pero lo que te ha dicho d-ART puedes pasarlo a CSS.

td {vertical-align: top;}

Así no se si te funcionará pero seguro que ya no te da ningún conflicto.

Saludos.

  #5 (permalink)  
Antiguo 09/02/2009, 03:12
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

Hola,

Cita:
Iniciado por hydra1ysk Ver Mensaje
Lo intente pero me da un conflicto aparte no deberia hacerlo en cada tabla?. En cambio con el CSS seria un solo cambio.

Tienes razón. Prueba a ponerlo así en el CSS:

Código HTML:
display:table-cell;
vertical-align:top;
Saludos,
Espero que sirva.
  #6 (permalink)  
Antiguo 09/02/2009, 18:27
 
Fecha de Ingreso: octubre-2008
Mensajes: 75
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: css en tabla. ¿Como alinear el texto en la parte superior de la tabla?

Cita:
Iniciado por d-ART Ver Mensaje
Hola,




Tienes razón. Prueba a ponerlo así en el CSS:

Código HTML:
display:table-cell;
vertical-align:top;
Saludos,
Espero que sirva.
Funciono.... Te pasaste! Este es el resultado (las manos y los comentarios)

hydra1ysk.com/?p=85
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 11:26.