Autor Zpráva
benawof
Profil *
Zdravím, první tabulka posouvá slovo "kolo" pomocí: th div.vertical div {position: absolute;top: 45px;}
ale mělo by to být podle: th div.vertical div {position: absolute;top: 16px;}
co je špatně předem díky!!

                    <center>
                    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
                    <link rel="stylesheet" type="text/css" href="/css/result-light.css">
                    <style type='text/css'>
                    table {border-collapse:collapse;}
                    th.col {font-weight: normal;text-align: right;}
                    th.group {vertical-align: bottom;}
                    th.row {font-weight: normal;text-align: left;height: 12em;vertical-align: bottom;}
                    th div.vertical {position: relative;-moz-transform:rotate(-90deg);-moz-transform-origin: bottom left;-webkit-transform: rotate(-90deg);-webkit-transform-origin: bottom left;-o-transform: rotate(-90deg);-o-transform-origin: bottom left;transform: rotate(-90deg);transform-origin: bottom left;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
                    th div.vertical div {position: absolute;top: 16px;}
                    td, th {border: 1px solid black;}
                    td.blank {background-color: transparent;}
                    </style>
                    <table>
<tr><th style="width:50px;" class="group"></th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>kolo
                    </table>
                    </center>
                    
                                        <center>
                    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
                    <link rel="stylesheet" type="text/css" href="/css/result-light.css">
                    <style type='text/css'>
                    table {border-collapse:collapse;}
                    th.col {font-weight: normal;text-align: right;}
                    th.group {vertical-align: bottom;}
                    th.row {font-weight: normal;text-align: left;height: 12em;vertical-align: bottom;}
                    th div.vertical {position: relative;-moz-transform:rotate(-90deg);-moz-transform-origin: bottom left;-webkit-transform: rotate(-90deg);-webkit-transform-origin: bottom left;-o-transform: rotate(-90deg);-o-transform-origin: bottom left;transform: rotate(-90deg);transform-origin: bottom left;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
                    th div.vertical div {position: absolute;top: 45px;}
                    td, th {border: 1px solid black;}
                    td.blank {background-color: transparent;}
                    </style>
                    <table>
<tr><th style="width:50px;" class="group"></th><th style="width: 100px;" class="row"> <div class="vertical"><div><b>kolo
                    </table>
                    </center>
MyShare
Profil
benawof: Nazdar

Skús:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
body{
     margin: 0;
     padding: 0;
}
.table-center {
     margin: 10px auto;
     padding: 0;
     width: 300px;
}
table { border-collapse: collapse; }
th.col {
     font-weight: normal;
     text-align: left;
}
th.group { vertical-align: bottom; }
th.row {
     font-weight: normal;
     text-align: right;
     height: 12em;
     vertical-align: bottom;
}
th .vertical {
     position: relative;
     -moz-transform:rotate(-90deg);
     -moz-transform-origin: bottom left;
     -webkit-transform: rotate(-90deg);
     -webkit-transform-origin: bottom left;
     -o-transform: rotate(-90deg);
     -o-transform-origin: bottom left;
     transform: rotate(-90deg);
     transform-origin: bottom left;
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
th div.vertical div {position: relative; top: 30px; left: 0;}
td, th {border: 1px solid black;}
td.blank {background-color: transparent;}
</style>
</head>
<body>

<div class="table-center">

<table>
<tr>
<th></th>
<th class="col vertical group row"><div class="vertical"><div>Kolo</th>
</tr>
<tr>
<th></th>
<th class="col vertical group row"><div class="vertical"><div>Kolo</th>
</tr>
</table>

</div>

</body>
</html>
Hádam som trafil

A ešte niečo prejdi si ešte raz Základy HTML na JPW lebo to čo máš ty za mišung je proste kruté

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: