I creating a table, but have some problems with text alignment (the text is not aligned in cells)
When I use rowspan and rotate then incorrectly selected coordinate beginning of the text, and cell height (when I want to set the height of the cell its width varies)
My source:
<style type="text/css">
<!--
div
{
font-size: 4pt;
}
.h
{
rotate: 0;
vertical-align: middle;
text-align: center;
}
.vd
{
rotate: 90;
text-align: center;
vertical-align: middle;
}
.k
{
width: 10mm;
height: 1mm;
rotate: 90;
vertical-align: middle;
text-align: center;
}
td
{
border: solid 0.5px black;
border-spacing: 0px;
vertical-align: middle;
text-align: center;
}
-->
</style>
<page style="border-spacing: 0px;font-family: freesans" backleft="5mm" backright="5mm" backtop="10mm" backbottom="10mm" >
<table style="border: solid 1px black; width: 200mm;" cellspacing="0">
<?php $a=100/61; for($k=0; $k<61; $k++) { ?>
<col style="width:<?php echo $a;?>%">
<?php } ?>
<tr>
<td rowspan="2">
<div class="k">Курс</div>
</td>
<?php $month=array(1=>'Вересень','Жовтень','Листопад','Грудень','Січень','Лютий','Березень','Квітень','Травень','Червень','Липень','Серпень');
$res='';
$i=0;
foreach($month as $name){
$i++;
$l=(($i==2)||($i==4)||($i==7)||($i==10))?5:4;
$res.='<td class="h" colspan="'.$l.'"><div class="h">'.$name.'</div></td>';
}
echo $res;
?>
<td rowspan="2">
<div class="v">Теор. навчання</div>
</td>
<td rowspan="2">
<div class="v">Екзамени</div>
</td>
<td rowspan="2">
<div class="v">Навчальна пр-ка</div>
</td>
<td rowspan="2">
<div class="v">Виробнича пр-ка</div>
</td>
<td rowspan="2">
<div class="v">Диплом. проект</div>
</td>
<td rowspan="2">
<div class="v">Державна ат-ція</div>
</td>
<td rowspan="2">
<div class="v">Канікули</div>
</td>
<td rowspan="2">
<div class="v">Усього</div>
</td>
</tr>
<tr>
<?php for($k=1; $k<53; $k++) { ?>
<td class="h" ><?php echo ("<div>$k</div>"); ?></td>
<?php } ?>
</tr>
<tr>
<?php for($k=0; $k<61; $k++) { ?>
<td><?php echo ("<div>$k</div>"); ?></td>
<?php } ?>
</tr>
</table>
</page>