Autor Zpráva
Anonymní
Profil *
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
Anonymní
overflew hledej!!
Casero
Profil
sry http://www.jakpsatweb.cz/css/overflow.html
Anonymní
Profil *
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
Anonymní
rameček border a přesunout jako kam?? ..float??..position :absolute?
Axamith
Profil
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 *
jo už to chápu, tak mooc díky
Axamith
Profil
není zač
Toto téma je uzamčeno. Odpověď nelze zaslat.