Autor Zpráva
baisikl
Profil *
Zdravím, potřebuju slovo KOLO trvale udržet ve středu buňky, i když se změní zobrazení obrazovky 100% 125% 150%.... dalo by se to pomocí centru? nebo procent%? zatím jsem na to nepřišel...

předem díky;)

<html>
<head>
</head>
<body>
<br>
<center>
<meta 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: 0em;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: 0px;} td, th {border: 1px solid black;} td.blank {background-color: transparent;} </style>
<table class="tabulka-s-rameckem"
 style="color: black; width: 100%;">
  <tbody>
    <tr>
      <th style="width: 50%; height: 180px;" class="group"><b><span
 style="color: rgb(255, 102, 0);"> </span></b></th>
      <th style="width: 50%; background-color: rgb(255, 255, 255);"
 class="row" bgcolor="#002845">
      <div style="line-height: 650px;" class="vertical">
      <div><span style="color: rgb(255, 102, 0);">PSG
      </span></div>
      </div>
      </th>
    </tr>
  </tbody>
</table>
</center>
</body>
</html>
Tomáš123
Profil
Žiadne slovo "KOLO" sa v kóde nenachádza. Vlož prosím kód do tohto editoru a pošli to sem.

V názve vlákna píšeš: "vertical na střed", ale z toho čo píšeš hore mi vyplýva, že chceš "horizontal na střed".

Len pre upresnenie:
vertikálne=zvislo
horizontálne=vodorovne

Či už chceš zarovnať na stred vodorovne alebo zvislo. Máš tam popísané text-align: right;(vodorovné zarovnanie), potom text-align: left; neskôr aj dvakrát vertical-align: bottom;(zvislé zarovnanie). Možno by pomohlo, keby si týmto vlastnostiam prepísal hodnoty na "center" (pre vodorovné zarovnanie) a "middle" (pre zvislé zarovnanie).

EDIT:
Predtým som si to nevšimol, ale tvoj kód má otrasnú štruktúru. Mal by byť asi takto:
<!DOCTYPE html> <!--Toto tu je dosť podstatné-->
<html>
<head>
<meta 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: 0em;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: 0px;} td, th {border: 1px solid black;} td.blank {background-color: transparent;}
</style>
</head>
<body>
<br>
<center>

<table class="tabulka-s-rameckem"
 style="color: black; width: 100%;">
  <tbody>
    <tr>
      <th style="width: 50%; height: 180px;" class="group"><b><span
 style="color: rgb(255, 102, 0);"> </span></b></th>
      <th style="width: 50%; background-color: rgb(255, 255, 255);"
 class="row" bgcolor="#002845">
      <div style="line-height: 650px;" class="vertical">
      <div><span style="color: rgb(255, 102, 0);">PSG
      </span></div>
      </div>
      </th>
    </tr>
  </tbody>
</table>
</center>
</body>
</html>
baisikl
Profil *
Tomáš123:

máš pravdu bylo myšleno horizontálně a místo slova KOLO tam bylo PSG
jinak tady je ten odkaz: http://kod.djpw.cz/cudb
Tomáš123
Profil
Dopredu upozorňujem, že som podobné veci nikdy neskúšal, ale malo by to fungovať podľa tvojich predstáv:
Kód
Živá ukážka

Ak chceš zmeniť zvislé zarovnanie, stačí prepísať všetky hodnoty middle na potrebnú hodnotu.
baisikl
Profil *
OK, funguje to super;)
baisikl
Profil *
ještě detail, šlo aby to KOLO dát normálně do cele buňky, né takhle do půlky, jako je to v levé bunce, ale aby se zachoval ten vertical??

http://kod.djpw.cz/
Tomáš123
Profil
baisikl:
Neporozumel som. Ide ti o to, aby bol text zarovnaný vertikálne na stred a horizontálne napravo?

PS: nesprávne si pridal živú ukážku. Musíš dať "Uložiť a získat odkaz" a ten následne vložiť tu.
baisikl
Profil *
horizontálně na střed
vertikálně dolů (aby bylo celé slovo v buňce ne jen část...)

http://kod.djpw.cz/lvdb
Tomáš123
Profil
baisikl:
Iba upravím svoju ukážku, čo som pridal vyššie:
http://kod.djpw.cz/rvdb, všetky hodnoty middle som zmenil na bottom a pridal spodný margin, aby slovo nevytekalo z bunky tabuľky.
baisikl
Profil *
Tomáš123:

ještě bych se zeptal, když bude mít každé slovo jinej počet znaků a bude jich hodně... to u každého musím nastavit jiné hodnoty takhle: http://kod.djpw.cz/cxdb nejde to společně, aby každé slovo leželo vertikálně dole?? předem díky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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