Autor Zpráva
Tomashek
Profil
Dobrý den.
Mám problém. Potřeboval bych v buňce tabulky, která má asi 500px(změnná výška) zarovnat 2 obrázky:
-jeden úplně nahoru a jeden úplně dolů
Zkoušel jsem už všelicos, ale nepodařilo se mi to udělat.
Díky za každou radu
Miloš
Profil
1) display:block
2) musí to být v tabulkce?
Tomashek
Profil
bohužel musí
imploder
Profil
http://www.jakpsatweb.cz/css/vertical-align.html
Miloš
Profil
A ten display:block funguje?
Miloš
Profil
imploder
Nejsem si jistý – pochopil-li jsem to totiž správně, pak jde o to, aby byl mezi obrázky zalomený řádek, což vertical-align nezajistí.

Tomashek
A nezafunguje-li display:block, mohl bys v nejhorším mezi obrázky vrazit <br>
Tomashek
Profil
display:block u čeho ? ..zkoušel jsem to dát na tu bunku-nešlo, zkoušel jsem to dát na ty obrázky- nešlo
vertical-align jsem už zkoušel-nešlo..
Já prostě nevím jakou možností to jde udělat(jestli vůbec jde)
Tomashek
Profil
jakože já ty obrázky mám pod sebou, ale jde o to, že když mám tu buňku vysokou nap. 500 px (může se to měnit) tak aby jeden obrázek je úplně na hoře a jede úplně dole.
<br>ama to nezajistím, protože bych u<br>oval k smrti :-(
Miloš
Profil
Aha; pak ještě takhle:
td {position: relative;}
td img {position: absolute;}
td img#prvni {top: 0;}
td img#druhy {bottom: 0;}
Davex
Profil
Tomashek
Asi takto?
<div style="height: 500px; position: relative">
<img src="1.jpg" style="display: block; position: absolute; top: 0">
<img src="2.jpg" style="display: block; position: absolute; bottom: 0">
</div>
habendorf
Profil
Miloš

Position:relative pro td ti bude fungovat jen v IE.

Univerzálně: Do td ještě nacpat div s height:100%, pos.rel dát divu.
habendorf
Profil
Davex

Display:block je navíc.
Miloš
Profil
Davex
Tak nějak jsem to měl na mysli. Inspirace viz http://wellstyled.com/css-chords-formatting.html – patrně tam jsem se prvně dočetl o tom, jak pozicovat jeden prvek v jiném (že to lze) a k čemu že se vlastně vztahují souřadnice top/left u absolutního pozicování.
Tomashek
Profil
hej díky moc..ještě to nějak dopixelkuju, ale to, co jsem potřeboval tak mám
Ještě jednou díky

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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