Autor Zpráva
exmarty
Profil *
#1 · Zasláno: 30. 10. 2005, 23:00:00
Odpovědět Citovat
Ahoj lidi,
předem se chci omluvit .. vím že někde to co potřebuju buyde ., a taky chci říct že sem se snažil to najít ... ale buď nenašel nebo nepochopil. Takže co bych potřeboval :
Chtěl bych udělat jednoduše stránku s obrázkem (různé velikosti) a pod tím mít navigaci (další / předchozí obrázek a tak...) a tohle bych chtěl mít nalepený na spodní straně prohlížeče. V případě že obrázek bude větší než je zbytek okna (bez navigace) tak aby měl posuvník. A hlavně chci aby to fachalo jak ve FF tak MSIE.
Prosím o hlep (jak sem to tu všechno četl .. tak sem z toho úplně jalovej) předem díkes
Yuhů
Profil
#2 · Zasláno: 31. 10. 2005, 02:53:48
Odpovědět Citovat
tabulka přes celou stránku, v tabulce jedna buňka s nastavením valign="bottom"
V té buňce celý ten obrázek s navigací.

to je to nejjednodušší (a myslím, že jediné funkční) řešení.
Yuhů
Profil
#3 · Zasláno: 31. 10. 2005, 02:55:16
Odpovědět Citovat
ještě kód:

<table style="widht: 100%; height: 100%;">
<tr>
<td style="text-align: center; vertical-align: bottom">

obrázek s navigací

</td>
</tr>
</table>
YoSarin
Profil
#4 · Zasláno: 31. 10. 2005, 04:06:43
Odpovědět Citovat
nemohlo by to teoreticky ještě nějak jít pomocí normálního divu s parametry:
height: 100%;
display: table-cell;
vertical-align: bottom;
?
Mimochodem, jaký je rozdíl mezi display: table; a <table></table>? u toho display se také obsah vykresluje až po vytvoření / načtení divu?

YoSarin
Radek Hrabůvka
Profil
#5 · Zasláno: 31. 10. 2005, 13:42:07 · Upravil/a: Radek Hrabůvka
Odpovědět Citovat
O tabulkách je náhodou tahle kapitola z knihy "Zrychlete své WWW stránky!"
Stáhnout část ukázkové kapitoly - 244 kb (zazipované PDF), jsou tam návody, jak udělat tabulku, aby se so nejrychleji zobrazila.
mila
Profil
#6 · Zasláno: 31. 10. 2005, 15:02:59
Odpovědět Citovat
Ta tabulka je asi nejjednodušší, ale nejsem si jist, zda člověk nebude čekat na obrázek, aby měl navigaci.
Myslím, že by to šlo i bez té tabulky:
HTML: 

<div id="main">

   <img src=...>

</div>

<div id="menu">

    ... tady je to menu ....

</div>

a CSS: 

body, html {

  height:100%;

  margin:0;

  padding:0;

}

#main {

  _height:100%;         /* klidne pouzij nejaky validni hack */

  min-height: 100%;   

}

#main img {

  margin-bottom:30px; /*vyska toho menu, klidne jine cislo*/

}

#menu {

  margin-top:-30px;

  height:30px;

}
exmarty
Profil *
#7 · Zasláno: 31. 10. 2005, 21:53:54
Odpovědět Citovat
Díkes lidi,
ale je tu problém .. přes Table se mi to dělat nechce (chci tu navigaci i aby byla vidět dřív než obrázek).
Rad bych to přes DIVy - ve FF by to bylo vpohodě ... zadal bych u toho DIVu pro obrázek
top:0;
bottom:30;
overflow:auto;
a to by melo byt vpohode....ale v IE to nefacha. Jakmile zadam top..tak se na bottom vykašle.
Víte jak to myslím - kdyžtak teda prosím o nějakou radu jak to vytvořit v IE - třeba nějakej bug či něco tak .... ale vážně díkes za všechny odpovědi ...
Časová prodleva: 21 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0