| Autor | Zpráva | ||
|---|---|---|---|
| jiří h. Profil * |
#1 · Zasláno: 8. 7. 2013, 09:03:49
Ahoj, vytvořím si tabulku v PSpadu podivám se přes náhled a vše je ok, ale když to otevřu přes internetový prohlížeč vše je jinak, výška sloupsů, barva, mřížky atd. čím to může byt??
|
||
| Taps Profil |
#2 · Zasláno: 8. 7. 2013, 09:05:18
jiří h.:
„otevřu přes internetový prohlížeč“ jaký ? Firefox, IE, Chrome ? |
||
| jiří h. Profil * |
#3 · Zasláno: 8. 7. 2013, 09:16:36
explorer....
|
||
| jenikkozak Profil |
#4 · Zasláno: 8. 7. 2013, 09:37:31
Na tohle bude pro nás nejspíše potřeba sestrojit živou ukázku.
|
||
|
Časová prodleva: 4 dny
|
|||
| jiří h. Profil * |
#5 · Zasláno: 11. 7. 2013, 23:29:42
při náhledu v PSpadu to vypadá asi takhe: http://baisikl.rajce.idnes.cz/nastenka#mesic.jpg tak jak to má vypadat, ale když to otevřu přes internetovej prohlížeč vypádá to takhle: http://www.baisikl.cz/ takže blbě, čim to může bejt, předem díky:)
|
||
| juriad Profil |
#6 · Zasláno: 12. 7. 2013, 00:45:34
V tom tvém kódu je hromada chyb, zkus pochopit můj (až na vertikální písmo, které nelze úplně snadno univerzálně zajistit by to mělo odpovídat).
<style>
table {
border-collapse:collapse;
}
th.col {
font-weight: normal;
text-align: right;
}
th.row {
font-weight: normal;
text-align: left;
}
td, th {
border: 1px solid black;
}
td {
background-color: yellow;
text-align: center;
}
td.blank {
background-color: transparent;
}
</style>
<table>
<tr><th class="group">SKUPINA</th><th class="row">LEDEN</th><th class="row">DUBEN</th><th class="row">LISTOPAD</th><th class="row">SRPEN</th></tr>
<tr><th class="col">LEDEN</th><td class="blank"></td><td>1:0</td><td>0:1</td><td>3:2</td></tr>
<tr><th class="col">DUBEN</th><td>1:0</td><td class="blank"></td><td>1:1</td><td>0:2</td></tr>
<tr><th class="col">LISTOPAD</th><td>1:2</td><td>1:3</td><td class="blank"></td><td>3:1</td></tr>
<tr><th class="col">SRPEN</th><td>1:3</td><td>1:2</td><td>0:2</td><td class="blank"></td></tr>
</table> |
||
| jiří h. Profil * |
#7 · Zasláno: 13. 7. 2013, 10:16:17
OK, takhle to funguje díky!!
|
||
| jiří h. Profil * |
#8 · Zasláno: 13. 7. 2013, 14:59:51
dalo by se ještě zajisti to vertikální písmo?
|
||
| juriad Profil |
Ano, dost ošklivými triky; zaručuji funkcionalitu pod FF; v IE to nejspíš nebude vypadat pěkně.
http://jsfiddle.net/upuwP/ |
||
| jiří h. Profil * |
#10 · Zasláno: 13. 7. 2013, 22:08:02
super práce, znovu moc děkuju;)
|
||
|
Časová prodleva: 4 dny
|
|||
| jiří h. Profil * |
#11 · Zasláno: 17. 7. 2013, 11:00:04
měl bych ještě jeden dotaz šlo by slovo POKUS přesunout do prostřed buňky, směrem do prava? předem díky
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='/js/lib/dummy.js'></script>
<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: 6em;
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;
/* nutné doladit pro IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
th div.vertical div {
position: absolute;
}
td, th {
border: 1px solid black;
}
td {
background-color: yellow;
text-align: center;
}
td.blank {
background-color: transparent;
}
</style>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
}//]]>
</script>
<table>
<tr><th style="width: 200px; height: 180px;" class="group"> SKUPINA </th><th style="width: 200px;" class="row"><div class="vertical"><div> POKUS
</table>
</center> |
||
| juriad Profil |
#12 · Zasláno: 17. 7. 2013, 19:06:25
Šířka buňky je 200; posuň tedy nápis o 95 (polovina z 200 - kousek; jinak by text začínal přesně na půlce).
th div.vertical div {
position: absolute;
top: 95px;
} |
||
|
Časová prodleva: 11 let
|
|||
0