Dynamickß zm∞na velikosti tabulek

Tajemstvφ k vytvo°enφ dynamicky p°izp∙sobiv²ch tabulek tkvφ v u₧itφ procent v zadßnφ Üφ°ky tabulek a datov²ch bun∞k namφsto pevn²ch Üφ°ek v pixelech. P°id∞lφme-li tabulce 100% Üφ°ku, dßvß jφ to tu samou Üφ°ku, jakou prßv∞ pou₧φvß prohlφ₧eΦ. Zm∞nφ-li okno prohlφ₧eΦe velikost, tabulka se p°izp∙sobφ. Procenta musejφ b²t zahrnuta ve vÜech tabulkßch a datov²ch bu≥kßch. Touto technikou dosßhnete:

	Automatickou reakci na zm∞ny velikosti okna prohlφ₧eΦe. M∙₧ete vytvo°it tabulky, kterΘ se dynamicky zv∞tÜφ anebo zm∞nÜφ dle p°ßnφ u₧ivatele p°i plnΘm vyu₧itφ skuteΦnΘho stavu obrazovky.
	Zavd∞Φφte se nßvÜt∞vnφk∙m. Nezßvisle na tom, zda se na strßnku dostanou s 640x480 nebo 1024x768, nep°ijdou ani o pixel zkrßtka, dodßte-li dynamickΘ strßnky, kterΘ p°izp∙sobujφ svoji velikost tak, aby vyhovovali vetÜin∞ platforem a velikostφ obrazovek - vΦetn∞ televizφ.

Ukßzka vyu₧itφ procent:

Nejnov∞jÜφ drby

P°edstavte si skupinu textu, jeho₧ d∙le₧itou souΦßstφ jsou nejnov∞jÜφ klφpky o webu a t∞ch, kte°φ ho vytvß°ejφ. A te∩ si p°edstavte, ₧e to musφte projφt celΘ, ne₧ se dostanete k pikantnφm zprßvßm, na kterΘ jste zv∞davφ, budete znud∞ni zbyteΦnou rΘtorikou a nesrozumiteln²m ₧argonem.

Zde je to, co hledßte! Dφky ohledupln²m nßvrhß°∙m t∞chto drobn²ch kanadsk²ch ₧ertφk∙ musφte ud∞lat pouze nßsledujφcφ: projφt si upoutßvkov² box vlevo pro nejnov∞jÜφ senzace, bez nutnosti prochßzet cel² nudn² text.

M∞≥te Üφ°ku okna prohlφ₧eΦe a sledujte tabulku.

P°φklad:

< TABLE width=100% border=0 cellpadding=5 cellspacing=0>
< TR>< TD width=30% bgcolor=#aa0000 valign=top align=right>
< font color=white face="verdana, Arial" size=+2>
Nejnov∞jÜφ drby< /font>< /TD>
< TD width=5% bgcolor=#aa0000> < /TD>
< TD width=60% bgcolor=#110000>
 < TABLE width=100% cellpadding=10 cellspacing=0 border=0>
 < TR>< TD width=100% colspan=2 bgcolor=#110000>
 < font face="Verdana, Arial" color=white SIze=-1>
 P°edstavte si skupinu textu, 
 jeho₧ d∙le₧itou souΦßstφ jsou nejnov∞jÜφ klφpky
 o webu a t∞ch, kte°φ ho vytvß°ejφ. A te∩ si p°edstavte, 
 ₧e to musφte projφt celΘ, 
 ne₧ se dostanete k pikantnφm zprßvßm, na kterΘ jste zv∞davφ, 
 budete znud∞ni zbyteΦnou rΘtorikou 
 a nesrozumiteln²m ₧argonem.< /font>< /TD>< /TR>
 < TR>< TD width=50% bgcolor=#FFDD33>
 < font face="Verdana, Arial" color=black>
 Zde je to, co hledßte!
 < /font>< /TD>< TD width=50% bgcolor=#110000>
 < font face="Verdana, Arial" color=white size=-1>
 Dφky ohledupln²m nßvrhß°∙m t∞chto drobn²ch kanadsk²ch 
 ₧ertφk∙ musφte ud∞lat pouze nßsledujφcφ: projφt si 
 upoutßvkov² box vlevo pro nejnov∞jÜφ senzace, bez nutnosti 
 prochßzet cel² nudn² text.< /font>< /TD>< /TR>< /TABLE>
< /TD>< TD width=5% bgcolor=#aa0000> < /TD>< /TR>< TR>
< TD width=100% colspan=4 bgcolor=#aa0000> < /TD>
< /TR>< /TABLE>

Takhle to vypadß ZaΦßtek
DalÜφ
P°edchozφ