Holas gente!
Tengo un problemin. Lo q pasa es q tengo una tabla q tiene cabeceras con letras en vertical pero estas cabeceras salen muy anchas (unas mas q otras)
Algo asi
Los 2 primeros cabezales son horizontales. Pero los 8 demas, son verticales
El css para poner vertical las cabeceras del thead es
Código:
.rotar
{
font-size:11px;font-weight:bold;
writing-mode:tb-rl;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);
white-space:nowrap;
height:300px;
width:20px;
}
Con lo q en code el thead qdaria mas o menos asi
Código:
<thead><tr >
<th>NRO</th>
<th>ALUMNO</th>
<th class="rotar">COMUNICACION 1</th>
<th class="rotar">EDUCACION POR EL ARTE</th>
<th class="rotar">RAZONAMIENTO LOGICO</th>
<th class="rotar">HISTORIA</th>
<th class="rotar">EDUCACION FISICA</th>
<th class="rotar">ARTES MARCIALES</th>
<th class="rotar">RELIGION</th>
<th class="rotar">ALGEBRA</th>
</tr></thead>
La cuestion es q ni poniendo un ancho de 20px se adelgazan las cabeceras
Al parecer el ancho de los cabezales depende de q tan largo sea el nombre del curso escrito en vertical ...
Lo q desearia es poder ponerlas del ancho de los recuadros verdes (en la imagen) y si se pudiera tb q los textos de las cabeceras verticales empiezen desd la linea roja
Como puedo acerlo???
Gracias por todo de antemano