Ayuda con interlineado de texto

yole · #1 (**permalink**) 30/08/2010, 08:40

Hola maestros.

resulta que tengo definido de esta manera unas tablas html. En ellas muestro un poco de texto. El asunto es que el interlineado del texto es muy poco y el texto se ve muy apretado.

Se supone que con(line-height: 15px;) se soluciona, pero no me funciona.

Ayudita con esto porfa.

este es mi estilo:

#UIvistaAviso2 th,#UIvistaAviso2 td{
font:13px Arial, Helvetica, sans-serif;
color:#333333;
border:none;
padding:15px 15px;
border-bottom:1px solid #e1e1e1;
text-align: left; width:40%;

}

#UIvistaAviso2 th{
line-height: 15px;
border-right:1px solid #e1e1e1;
width:50%;
padding-left:15;
}

FantasmaFito · #2 (**permalink**) 30/08/2010, 10:16

Proba con line-height: 15px !important;

Saludos!

TheDark03 · #3 (**permalink**) 30/08/2010, 10:36

Hola, sabes no le veo ningún problema a tu css, bueno probé tu css en una tabla pequeña que tengo y funciona muy bien, de repente en tu HTML esta el problema

te dejo el ejemplo donde probé tus estilos...

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>Documento sin t&iacute;tulo</title>
<style>
#UIvistaAviso2 th,#UIvistaAviso2 td{
font:13px Arial, Helvetica, sans-serif;
color:#333333;
border:none;
padding:15px 15px;
border-bottom:1px solid #e1e1e1;
text-align: left; width:40%;
 
}
 
#UIvistaAviso2 th{
line-height: 15px;
border-right:1px solid #e1e1e1;
width:50%;
padding-left:15;
}
</style>
</head>
<body>
<table id="UIvistaAviso2" 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