Foros del Web - Ver Mensaje Individual

Bugger · #4 (**permalink**) 30/03/2012, 04:21

Hola de Nuevo,

antes de nada, daros la gracias por las rápidas respuestas, tanto danihxh como gebremswar!!!!

cuando vuelva la oficina para el desarrollo os cuento!!!

EDITADO

Hola de nuevo,

he separado los css por navegadores. (ya se podrían poner de acuerdo y ahorrarnos esto... pero bueno no es el caso)

me sigue pasando lo mismo, al poner la letra en vertical se me corta en el inicio de la palabra.
ahora mismo tengo lo que ha puesto danihxh en su parte de código de css y se me sigue cortando el texto.

EDITADO 2

Código HTML:

Ver original<html>
<head>
<style>
th
{
font: bold 12px Arial, Helvetica, Verdana;    
background: #d5d5d5;
padding-top: 10px;
padding-left:2px;
padding-bottom: 10px;
text-align:center;    
vertical-align:bottom; 
margin-bottom: 10px;
position:relative;
height:200px;
width:50px; /* ESTE VALOR ES "A" */
}
 
 
.rotar 
{
display:block;
white-space:nowrap;
-webkit-transform-origin:25px 10px; /* ESTE VALOR SE CALCULA: A/2 */
-webkit-transform: rotate(-90deg);
-moz-transform-origin:25px 10px; /* ESTE VALOR SE CALCULA: A/2 */
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position:absolute;
bottom:125px;
left:0;
text-align: left;
line-height:20px;
background: green;
}
</style>
</head>
<body>
 
<table><tr>
<th>NRO</th>
<th>ALUMNO</th>
<th>&nbsp;<div class="rotar">COMUNICACION 1</div></th>
<th>&nbsp;<div class="rotar">EDUCACION POR EL ARTE</div></th>
<th>&nbsp;<div class="rotar">RAZONAMIENTO LOGICO</div></th>
<th>&nbsp;<div class="rotar">HISTORIA</div></th>
<th>&nbsp;<div class="rotar">EDUCACION FISICA</div></th>
<th>&nbsp;<div class="rotar">ARTES MARCIALES</div></th>
<th>&nbsp;<div class="rotar">RELIGION</div></th>
<th>&nbsp;<div class="rotar">ALGEBRA</div></th>
 
</tr></table>
 
</body>
</html>

el tema está cerquita... pero no acabo de encontrar la manera de que quede bien alineado!!!

Gracias