| Autor | Zpráva | ||
|---|---|---|---|
| baisikl Profil * |
#1 · Zasláno: 6. 6. 2014, 23:28:22
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 * |
#3 · Zasláno: 7. 6. 2014, 18:59:16
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 * |
#5 · Zasláno: 7. 6. 2014, 23:05:22
OK, funguje to super;)
|
||
|
Časová prodleva: 4 dny
|
|||
| baisikl Profil * |
#6 · Zasláno: 11. 6. 2014, 23:57:36
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 * |
#8 · Zasláno: 13. 6. 2014, 10:10:16
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.
|
||
|
Časová prodleva: 3 dny
|
|||
| baisikl Profil * |
#10 · Zasláno: 16. 6. 2014, 16:34:44
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 |
||
|
Časová prodleva: 10 let
|
|||
0