| Autor | Zpráva | ||
|---|---|---|---|
| benawof Profil * |
#1 · Zasláno: 22. 11. 2013, 22:20:25
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>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é |
||
|
Časová prodleva: 10 let
|
|||
0