Foros del Web » Creando para Internet » CSS »

Tamaño letra table

Estas en el tema de Tamaño letra table en el foro de CSS en Foros del Web. Buenas, tengo una table, dentro un div y quiero que el texto de esta se vea más grande. Si en el css pongo font-size: 18px, ...
  #1 (permalink)  
Antiguo 10/09/2010, 03:42
 
Fecha de Ingreso: julio-2003
Mensajes: 40
Antigüedad: 14 años, 4 meses
Puntos: 0
Tamaño letra table

Buenas,

tengo una table, dentro un div y quiero que el texto de esta se vea más grande. Si en el css pongo font-size: 18px, se aplica pero no en el contenido de la tabla. Como lo puedo hacer?

Gracias!
  #2 (permalink)  
Antiguo 10/09/2010, 04:08
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Tamaño letra table

Hola!

Le tienes que añadir el estilo a la tabla, por medio de CSS y de un class o un id

Código CSS:
Ver original
  1. .letragrande{font-size:20px;}
Y luego a la tabla le tienes que poner ese css:

Código HTML:
Ver original
  1. <table class="letragrande">

Todo junto quedaría algo así:

Código HTML:
Ver original
  1. .letragrande{font-size:40px;}
  2. <table class="letragrande" width="300" border="0" align="center">
  3.   <tr>
  4.     <td style="text-align:center">Letra más grande</td>
  5.   </tr>


Espero te sirva mucho, Saludos
  #3 (permalink)  
Antiguo 10/09/2010, 04:26
 
Fecha de Ingreso: julio-2003
Mensajes: 40
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Tamaño letra table

Hola Shaito,

seguimos igual.

en el css he puesto
Código CSS:
Ver original
  1. .letragrande {font-size: 40px;}

Código HTML:
Ver original
  1. <table border="1" cellspacing="0" class="letragrande">
  2.             <tr align="center"><td>Posición</td><td>Equipo</td><td>Puntos</td><td>PJ</td><td>PG</td><td>PE</td><td>PP</td><td>GF</td><td>GC</td></tr>

en el inicio del .css tengo
Código CSS:
Ver original
  1. * { font-family:Tahoma;
  2. font-size: 12px;}
pero no creo que influya. A ver si piensas en alguna otra alternativa

Muchas gracias!
  #4 (permalink)  
Antiguo 10/09/2010, 04:43
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Tamaño letra table

Hola de nuevo!

A primera vista me quede pensado, últimamente uso mas el Dreamweaver, y posiblemente tu hagas igual, desde el dreamweaver no se ve cambio alguno, siquiera el border 1, pero es ponerlo en el navegador y verse bien.

Si usas Dreamweaver +CS4 dale al boton de Vista en Vivo

Mira:

Para ver online: http://xooup.zxq.net/files/207140_Untitled-1.html
  #5 (permalink)  
Antiguo 10/09/2010, 08:55
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Tamaño letra table

Cita:
Iniciado por nerwell Ver Mensaje

en el inicio del .css tengo
Código CSS:
Ver original
  1. * { font-family:Tahoma;
  2. font-size: 12px;}
pero no creo que influya.
Hola nerwell, no es recomendable que apliques esas propiedades al selector universal *, pero como dices no afecta en nada si es que formateas bien, en este caso tu tabla.

mira te dejo un ejemplo donde podras apreciar el formateo a distintas partes de la tabla...
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>bye TheDark03</title>
  5. * { font-family:verdana;
  6. font-size: 12px;}
  7.  
  8. #mytable{width:500px;}
  9.  
  10. #mytable th,#mytable td{
  11. font:13px Arial, Helvetica, sans-serif;
  12. color:#333333;
  13. border:none;
  14. padding:15px 15px;
  15. border-bottom:1px solid #e1e1e1;
  16. text-align: left; width:40%;
  17.  
  18. }
  19.  
  20. #mytable th{
  21. line-height: 15px;
  22. border-right:1px solid #e1e1e1;
  23. width:50%;
  24. padding-left:15;
  25. font-weight:bold;
  26. font:16px 'Monotype Corsiva';
  27. }
  28. </head>
  29.  
  30. <table id="mytable" cellspacing="0">
  31.     <thead>
  32.        <tr>
  33.                <th> Col 1</th>
  34.                <th> Col 2</th>
  35.                <th> Col 3</th>
  36.                <th> Col 4</th>
  37.                <th> Col 5</th>
  38.        </tr>
  39.  
  40.     </thead>
  41.     <tbody>
  42.         <tr>
  43.             <td>Student01</td>
  44.             <td>Languages</td>
  45.             <td>male</td>
  46.             <td>80</td>
  47.             <td>70</td>
  48.            
  49.         </tr>
  50.         <tr>
  51.             <td>Student02</td>
  52.             <td>Mathematics</td>
  53.             <td>male</td>
  54.             <td>90</td>
  55.             <td>88</td>
  56.            
  57.         </tr>
  58.         <tr>
  59.             <td>Student03</td>
  60.             <td>Languages</td>
  61.             <td>female</td>
  62.             <td>85</td>
  63.             <td>95</td>
  64.            
  65.         </tr>
  66.     </tbody>
  67. </body>
  68. </html>


Saludos DTB
  #6 (permalink)  
Antiguo 10/09/2010, 09:46
 
Fecha de Ingreso: julio-2003
Mensajes: 40
Antigüedad: 14 años, 4 meses
Puntos: 0
Sonrisa Respuesta: Tamaño letra table

Hola!
Shaito muchas gracias por tu ayuda pero no uso dreamweaver y no me ha funcionado. Supongo que es por lo que ha dicho thedark, que tengo estas definiciones globales.

Thedark, muchas gracias ya me funciona me has sido de gran ayuda.

Un saludo!

Etiquetas: letra, table, tamaño
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:51.