Foros del Web » Creando para Internet » HTML »

baseline

Estas en el tema de baseline en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/04/2003, 08:33
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Mensaje baseline

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??

Cita:
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


Cita:
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
  #2 (permalink)  
Antiguo 12/04/2003, 11:16
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
  #3 (permalink)  
Antiguo 13/04/2003, 06:15
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
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
  #4 (permalink)  
Antiguo 25/10/2010, 11:40
 
Fecha de Ingreso: octubre-2006
Mensajes: 24
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: baseline

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.
  #5 (permalink)  
Antiguo 25/10/2010, 17:20
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: baseline

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.

  #6 (permalink)  
Antiguo 25/10/2010, 20:06
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: baseline

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 25/10/2010 a las 20:11
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 22:10.