Autor Zpráva
Anonymní
Profil *
#1 · Zasláno: 17. 9. 2006, 18:52:26
Odpovědět Citovat
Ahoj, nevíte, jak udělat takovou tu tabulku, ve které bude obsah stránky tak, aby se to dalo posouvat (prostě tabulka s posuvníkem), když bude obsah delší?díky
Casero
Profil
#2 · Zasláno: 17. 9. 2006, 18:53:25
Odpovědět Citovat
Anonymní
overflew hledej!!
Casero
Profil
#3 · Zasláno: 17. 9. 2006, 18:54:40
Odpovědět Citovat
sry http://www.jakpsatweb.cz/css/overflow.html
Anonymní
Profil *
#4 · Zasláno: 18. 9. 2006, 15:30:13
Odpovědět Citovat
to už jsem taky našla, ale nevím, jak tu tabulku někam přesunout, udělat kolem ní rámeček atp...
Casero
Profil
#5 · Zasláno: 19. 9. 2006, 15:33:50
Odpovědět Citovat
Anonymní
rameček border a přesunout jako kam?? ..float??..position :absolute?
Axamith
Profil
#6 · Zasláno: 19. 9. 2006, 15:50:21
Odpovědět Citovat
celou tabulku uzavři do divu a tomu nastav posuvníky příkazem owerflow.
Tady máš jednoduchý příklad. důležitý je div, ve kterém si nastavíš výšku objektu, při které se zapíná posuvník. A pak tam můžeš dát jakýkoliv obsah; text, obrázek, tabuly . . . 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1250">

  <title></title>

  </head>

  <body>

<div style="left: 0px; top: 0px; width: 770px; height: 100px; position: relative; overflow-y: auto; overflow: -moz-scrollbars-vertical; ">

<style type="text/css">

td.t1{font-weight: normal;font-style:normal; font-size: 14px;}

td.t2{font-weight: normal; font-style:normal; font-size: 14px;}

td.w1{width:20px;}

td.w2{width:40px;}

td.w3{width:230px;}

td.w4{width:250px;}

td.w5{width:60px;}

</style>

<table>

<table border="0px" rule s="none" cellpadding="0px" cellspacing="0px" width="754px" frame="hsides"style="border-collapse: collapse; border-color: #FFFFCC; border-width: thin;text-align: left;vertical-alingn:middle; white-space:nowrap;height:8px">

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="index.html">Úvod</a></td><td class="t2 w4">úvodní stránka webu</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="eshop.html">E-shop</a></td><td class="t2 w4">vstup do E-shopu</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="kontakt.html">Kontakt</a><td class="t2 w4">kontaktní adresa, mapka, e-mail</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="hledat.html">Hledat</a><td class="t2 w4">hledání</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="akce.html">Akce</a><td class="t2 w4">aktuálně</td></tr>

<table border="0px" rule s="none" cellpadding="0px" cellspacing="0px" width="754px" frame="hsides"style="border-collapse: collapse; border-color: #FFFFCC; border-width: thin;text-align: left;vertical-alingn:middle; white-space:nowrap;height:8px">

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="index.html">Úvod</a></td><td class="t2 w4">úvodní stránka webu</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="eshop.html">E-shop</a></td><td class="t2 w4">vstup do E-shopu</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="kontakt.html">Kontakt</a><td class="t2 w4">kontaktní adresa, mapka, e-mail</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="hledat.html">Hledat</a><td class="t2 w4">hledání</td></tr>

<tr><td class="t1 w1"></td><td class="t1 w4"><a href="akce.html">Akce</a><td class="t2 w4">aktuálně</td></tr>

</table>

  </div>

  </body>

</html>
Anonymní
Profil *
#7 · Zasláno: 19. 9. 2006, 18:34:09
Odpovědět Citovat
jo už to chápu, tak mooc díky
Axamith
Profil
#8 · Zasláno: 19. 9. 2006, 20:40:35
Odpovědět Citovat
není zač
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0