Autor Zpráva
jiří h.
Profil *
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
jiří h.:
otevřu přes internetový prohlížeč
jaký ? Firefox, IE, Chrome ?
jiří h.
Profil *
explorer....
jenikkozak
Profil
Na tohle bude pro nás nejspíše potřeba sestrojit živou ukázku.
jiří h.
Profil *
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
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 *
OK, takhle to funguje díky!!
jiří h.
Profil *
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 *
super práce, znovu moc děkuju;)
jiří h.
Profil *
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
Šíř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;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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