Zarovnßvßnφ obrßzk∙ a textu
Tabulky jsou nejen v²born²m nßstrojem pro strukturalizaci, ale rovn∞₧ fungujφ jako dokonalΘ zarovnßvacφ nßstroje.
Umo₧≥ujφ nßvrhß°∙m rozlo₧it elegantn∞ text, obrßzky a dalÜφ ·daje.
Tato technika se vyu₧φvß k:
|
VylepÜenφ celkovΘho provedenφ strßnky.
K vylepÜenφ strßnky vyu₧ijete strukturßlnφ vlastnosti tabulek a vytvo°φte mnohem atraktivn∞jÜφ strßnku.
|
|
|
Vedenφ oka divßka strßnkou.
Zarovnßnφ obrßzk∙ a textu dovnit° strukturovan²ch tabulkov²ch bun∞k a °ßdk∙ m∙₧ete
vytvo°it atraktivn∞ uspo°ßdan² zp∙sob p°edßvßnφ informacφ.
|
|
|
ZkouÜenφ r∙zn²ch variant provedenφ.
Tabulky nabφzejφ flexibilitu strukturovanΘho "obalu", co₧ uno₧≥uje
zkouÜenφ r∙zn²ch provedenφ.
|
Zarovnßvßnφ obrßzk∙ a textu:
1. Vytvo°te tabulku.
Navrhn∞te tabulku se sloupci pro text a obrßzky. Nezapome≥te na vytvo°enφ
°ady "kanßlk∙" k odd∞lenφ sloupc∙ tak, aby se jejich obsahy nep°iblφ₧ily.
Do prßzdb²ch bun∞k vlo₧te
ned∞litelnou mezeru .
2. Vlo₧te text do tabulky.
Do tabulky vlo₧te textovΘ ·daje a zarovnejte je pomocφ atribut∙ tabulky. P°idejte
pozadφ bun∞k a obrßzky.
| Poznßmky: |
|
Zde jsou n∞kterΘ poznßmky, kterΘ jsem dal dohromady, aby poslou₧ily jako p°φklad pro tuto
techniku webovΘho nßvrhu.
Te∩ chci vlo₧it obrßzek do levΘho sloupce, ale chci, aby byl p°esn∞ zarovnßn
k hornφmu okraji s dalÜφm odstavcem. Jak toho docφlit?
|
|
|
| |
|
|
|
|
 |
|
Je to snadnΘ. Umφstφme obrßzek a text v tomto odstavci do tΘto bu≥ky
s vertikßlnφm zarovnßnφm k hornφmu okraji. |
|
|
| |
|
|
|
|
| |
|
© 2000 Lucie Fialovß & Raymond Pirouz |
|
|
3. Odstra≥te obrysy tabulky.
| Poznßmky: |
|
Zde jsou n∞kterΘ poznßmky, kterΘ jsem dal dohromady, aby poslou₧ily jako p°φklad pro tuto
techniku webovΘho nßvrhu.
Te∩ chci vlo₧it obrßzek do levΘho sloupce, ale chci, aby byl p°esn∞ zarovnßn
k hornφmu okraji s dalÜφm odstavcem. Jak toho docφlit?
|
|
|
| |
|
|
|
|
|
|
|
Je to snadnΘ. Umφstφme obrßzek a text v tomto odstavci do tΘto bu≥ky
s vertikßlnφm zarovnßnφm k hornφmu okraji. |
|
|
| |
|
|
|
|
| |
|
© 2000 Lucie Fialovß & Raymond Pirouz |
|
|
P°φklad:
< TABLE width=500 border=0 cellpadding=0 cellspacing=0>
< TR>< TD width=125 valign=top align=right bgcolor=navy>
< font color=white>Poznßmky:< /font>< /TD>
< TD width=5> < /TD>< TD width=300>
Zde jsou n∞kterΘ poznßmky, kterΘ jsem dal dohromady, aby
poslou₧ily jako p°φklad pro tuto techniku webovΘho nßvrhu.
< br>< br>Te∩ chci vlo₧it obrßzek do levΘho sloupce,
ale chci, aby byl p°esn∞ zarovnßn k hornφmu okraji
s dalÜφm odstavcem. Jak toho docφlit?< /TD>
< TD width=5> < /TD>< TD width=65> < /TD>
< /TR>< TR>< TD width=125 bgcolor=navy> < /TD>
< TD width=5> < /TD>< TD width=300> < /TD>
< TD width=5> < /TD>< TD width=65> < /TD>
< /TR>< TR>< TD width=125 bgcolor=navy valign=top align=right>
< IMG src="obraz1.gif" width=125 height=80>< /TD>
< TD width=5> < /TD>< TD width=300 valign=top>
Je to snadnΘ. Umφstφme obrßzek a text v tomto odstavci
do tΘto bu≥ky s vertikßlnφm zarovnßnφm k hornφmu okraji.< /TD>
< TD width=5> < /TD>< TD width=65> < /TD>
< /TR>< TR>< TD width=125 bgcolor=navy> < /TD>
< TD width=5> < /TD>< TD width=300> < /TD>
< TD width=5> < /TD>< TD width=65> < /TD>
< /TR>< TR bgcolor=black>< TD width=125> < /TD>
< TD width=5> < /TD>< TD width=300>< font color=white>
© 2000 Lucie Fialovß< /TD>< TD width=5> < /TD>
< TD width=65> < /TD>< /TR >< /TABLE >
Takhle to vypadß
ZaΦßtek
DalÜφ
P°edchozφ