Foros del Web » Creando para Internet » CSS »

Altura de Fila menor a 20px?

Estas en el tema de Altura de Fila menor a 20px? en el foro de CSS en Foros del Web. Hola, que tal? Estoy tratando de hacer que la altura de una fila sea menor a 20px pero no logro hacerlo, se puede? estoy haciendo ...
  #1 (permalink)  
Antiguo 15/11/2011, 21:13
Avatar de morfasto  
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 291
Antigüedad: 12 años, 8 meses
Puntos: 8
Altura de Fila menor a 20px?

Hola, que tal?

Estoy tratando de hacer que la altura de una fila sea menor a 20px pero no logro hacerlo, se puede? estoy haciendo algo mal?

html
Código HTML:
Ver original
  1.     <tr>
  2.         <td id="titulo">Titulo del Video</td>
  3.     </tr>
  4.     <tr>
  5.         <td id="nombre">Nombre Apellido</td>
  6.     </tr>

css
Código CSS:
Ver original
  1. #titulo{
  2.     height:25px;
  3.     font-size:20px;
  4. }#nombre{
  5.     height:10px;
  6.     font-size:10px;
  7. }
  #2 (permalink)  
Antiguo 16/11/2011, 07:41
Avatar de linuxzero  
Fecha de Ingreso: noviembre-2011
Ubicación: Argentina
Mensajes: 778
Antigüedad: 12 años, 5 meses
Puntos: 160
Respuesta: Altura de Fila menor a 20px?

El css no parece estar mal, lo que si tenes que tener en cuenta que el tamaño de letra es el que rige antes que la altura de la celda, porque si vos tenes que el tamaño de letra de de 20px, la celda jamas va a ser mas chico que eso, a menos de que bajes el tamaño de letra, despues de eso, el css no parece estar mal... a menos que lo estes probando en IE6 :P
__________________
Si todo fuera tan sencillo como un symfony cc la vida seria más fácil.
http://phpnico.wordpress.com
  #3 (permalink)  
Antiguo 16/11/2011, 09:11
Avatar de morfasto  
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 291
Antigüedad: 12 años, 8 meses
Puntos: 8
Respuesta: Altura de Fila menor a 20px?

Lo he provado con letra de 1px y tampoco funciona, alguien sabe que puede estar pasando?

Tambien lo probe en Google Chrome, en Fire Fox y en Internet Explorer 9.
  #4 (permalink)  
Antiguo 16/11/2011, 09:40
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Altura de Fila menor a 20px?

No deberías tener problemas, si bien dependiendo del tipo de fuente y el navegador, hay un tamaño minimo para las fuentes, con respecto a la altura de las celdas, podes fijarlo con css.
Además pòdes forzar la altura de la linea con line-height (#edad en el ejemplo),
Revisá este ejemplo, le agregue un borde para diferenciar las celdas, y a la ultima se lo quité para que resalte el color.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. table td {
  11. border: solid 1px #000;
  12. padding: 0;
  13. }
  14.  
  15. #titulo{
  16. height:20px;
  17. font-size:20px;
  18. }
  19.  
  20. #domicilio{
  21. height:16px;
  22. font-size:16px;
  23. }
  24.  
  25. #nombre{
  26. height:12px;
  27. font-size:12px;
  28. }
  29.  
  30. #telefono{
  31. height:10px;
  32. font-size:10px;
  33. }
  34. #edad{
  35. height:8px;
  36. font-size:8px;
  37. line-height: 4px;
  38. }
  39.  
  40. #rojo{
  41. height:2px;
  42. background-color: red;
  43. border: none;
  44. }
  45.  
  46. /*]]>*/
  47. </head>
  48.     <tr>
  49.         <td id="titulo">Titulo del Video</td>
  50.     </tr>
  51.         <tr>
  52.         <td id="domicilio">Av libertador</td>
  53.     </tr>
  54.     <tr>
  55.         <td id="nombre">Nombre Apellido</td>
  56.     </tr>
  57.         <tr>
  58.         <td id="telefono">2345 2123</td>
  59.     </tr>
  60.             <tr>
  61.         <td id="edad">23</td>
  62.     </tr>
  63.                 <tr>
  64.         <td id="rojo"><!-- fix --></td>
  65.     </tr>
  66. </body>
  67. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: altura, fila, html, menor
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 03:25.