baseline

[tunait]

Buenas,

leyendo un post http://www.forosdelweb.com/showthrea...hreadid=125220 en donde comentan del valor baseline para la alineación vertical de una celda me dió por pensar y por averiguar qué es lo que hace exactamente este valor.


En ese post comentan sobre baseline para alinear verticalmente los contenidos en la parte inferior de la celda pero la verdad es que haciendo pruebas siempre he visto que ese valor hace lo contrario, colocar el contenido de la celda en la parte de arriba, exactamente igual que el valor top.

Me fuí a google y busqué a ver qué ncontraba y las pocas explicaciones que encontré al respedcto son muy vagas. Ni las comprendo, o cuando creo comprenderlo y hago la prubea no funciona.

Así mi pregunta es ¿alguien sabe exactamente cómo actua este valor??

baseline. Si se define este valor en una celda, la primera línea de texto del resto de celdas de la misma fila, quedará alineado en la misma línea de base común, definida en aquella primera celda.

http://www.webaprendiz.com/estudio/m...as/tablas3.htm

A partir de HTML 4.0 también está permitida la especificación valign=baseline. En este caso todas las celdas de una fila que contienen esa especificación son alineadas a una línea base común. O sea de tal manera que la primera línea de texto de cada celda comienza en una misma altura.

http://www.selfhtml.com.ar/selfhtml7/tced.htm

son alineadas a una línea base común pero... ¿a qué altura? ¿a la misma que top??

Pues eso, si alguien tiene claro exáctamente qué hace baseline que me ilumine


Saludos

[caricatos]

Hola tunait:

Estuve metiendo unas celdas en el viejo generador (¿te acuerdas?), y parece que baseline, es como top...

Una cosa curiosa: center y middle dan el mismo resultado...

También puse left y right, y en explorer hacía lo mismo que baseline y top, y en netscape se alineaba igual a la celda anterior (con valores que no deberían aceptarse)

La tabla de pruebas es la siguiente:

<table border=2><tr>
<td>a<br>b<br>c<br>d<br>e<br></td>
<td valign="top" >a<br>b<br>c</td>
<td valign="baseline" >a<br>b<br>c<br></td>
<td valign="middle" >a<br>b<br>c<br></td>
<td valign="center" >a<br>b<br>c<br></td>
<td valign="bottom" >a<br>b<br>c<br></td>
</tr></table>

Perdona que no lo haya puesto bonito, pero en las pruebas paso un poco de la estética.

Saludos

[tunait]

Hola Caricatos,

gracias por tu respuesta.

De todas formas mi pregunta es simple curiosidad y se me ocurrió usar el foro para no sólo resolver problemas, si no para poder comentar sobre algún tema, como este, por ejemplo.

Yá he observado que poner baseline da el mismo resultado que top, pero en la teoría, habrían de ser diferentes.

Si buscas información al respecto, la definición de baseline es diferente a la de top pero en la práctica no le encuentro esa diferencia ni acabo de captar lo que "teóricamente" pretende hacer este valor.

Si alguien lo tiene claro, favor de ensplicarlo


saludos

[yanguel]

La diferencia entre baseline y top es sútil pero existe. Baseline se usa para alinear textos dentro de celdas en relacción a una línea base marcada por la parte inferior de la base del texto de mayor tamaño que haya en la fila.

Si creas una tabla de 2 celdas, le poneis al texto de una celda un tamaño muy grande, vereis que el texto de la primera (que está en tamaño normal), si el valign es baseline, esta a la misma altura que la base de la letra más grande, mientras que si la alineación es top el texto siempre está alineada a la parte superior de la celda.

[jomaruro]

Hola:

Yo creo que después de más de SIETE años, ya debe estar el problema solucionado ¿no crees?. Por favor, no revivas temas tan antiguos.

Saludos.

[emprear]

Si, es un tema más que viejo, pero más de uno me lo sigue preguntando. es como la televisión, siempre las mismas cosas, pero el "publico se renueva"

Realmente explicarlo con palabras, es medio complicado, les recomiendo
http://www.w3schools.com/css/pr_pos_vertical-align.asp
y que utilicen la herramienta "Try It Yourself", por otra parte "baseline" es el valor por defecto para vertical-align por lo que no se aprecian cambios si no se lo compara con otro valor.


Saludos