Tamaño letra table

nerwell · #1 (**permalink**) 10/09/2010, 02:42

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!

Shaito · #2 (**permalink**) 10/09/2010, 03:08

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.letragrande{font-size:20px;}

Y luego a la tabla le tienes que poner ese css:

Código HTML:

Ver original<table class="letragrande">

Todo junto quedaría algo así:

Código HTML:

Ver original<style>
.letragrande{font-size:40px;}
</style>
<table class="letragrande" width="300" border="0" align="center">
  <tr>
    <td style="text-align:center">Letra más grande</td>
  </tr>
</table>

Espero te sirva mucho, Saludos

nerwell · #3 (**permalink**) 10/09/2010, 03:26

Hola Shaito,

seguimos igual.

en el css he puesto

Código CSS:

Ver original.letragrande {font-size: 40px;}

Código HTML:

Ver original<table border="1" cellspacing="0" class="letragrande">
            <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* { font-family:Tahoma;
font-size: 12px;}

pero no creo que influya. A ver si piensas en alguna otra alternativa

Muchas gracias!

Shaito · #4 (**permalink**) 10/09/2010, 03:43

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

TheDark03 · #5 (**permalink**) 10/09/2010, 07:55

Cita:

Iniciado por nerwell

en el inicio del .css tengo

Código CSS:

Ver original* { font-family:Tahoma;
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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bye TheDark03</title>
<style>
* { font-family:verdana;
font-size: 12px;}
 
#mytable{width:500px;}
 
#mytable th,#mytable td{
font:13px Arial, Helvetica, sans-serif;
color:#333333;
border:none;
padding:15px 15px;
border-bottom:1px solid #e1e1e1;
text-align: left; width:40%;
 
}
 
#mytable th{
line-height: 15px;
border-right:1px solid #e1e1e1;
width:50%;
padding-left:15;
font-weight:bold;
font:16px 'Monotype Corsiva';
}
</style>
</head>
 
<body>
<table id="mytable" cellspacing="0">
    <thead>
       <tr>
               <th> Col 1</th>
               <th> Col 2</th>
               <th> Col 3</th>
               <th> Col 4</th>
               <th> Col 5</th>
       </tr>
 
    </thead>
    <tbody>
        <tr>
            <td>Student01</td>
            <td>Languages</td>
            <td>male</td>
            <td>80</td>
            <td>70</td>
            
        </tr>
        <tr>
            <td>Student02</td>
            <td>Mathematics</td>
            <td>male</td>
            <td>90</td>
            <td>88</td>
            
        </tr>
        <tr>
            <td>Student03</td>
            <td>Languages</td>
            <td>female</td>
            <td>85</td>
            <td>95</td>
            
        </tr>
    </tbody>
</table>
</body>
</html>

Saludos DTB

nerwell · #6 (**permalink**) 10/09/2010, 08:46

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!