| |
[ 19. April 2000]
- Martin_Nemecek
<DIV>, alebo Φlenenie sekciφ pomocou CSS [7.Φas¥ serißlu o CSS]
Tento tajupln² tag, ktor² si v nasleduj·cich riadkoch predstavφme je vßm, ktor² ste sa u₧ stretli s CSS, alebo Dynamick²m HTML urΦite znßmy. Pou₧φva na strßnkach dos¥ Φasto a dokß₧e v²razn²m sp⌠sobom spreh╛adni¥ Φlenenie textov²ch sekciφ na strßnke.
V predchßdzaj·cej Φasti sme si Φo to povedali o triedach, alebo classoch a o mo₧nosti pou₧itia tejto bohatej Ükßle formßtovacφch funkciφ CSS. ╚o sa t²ka DIV, Φi₧e DIVISION, zabespeΦuj· nßm na strßnke predelenie jednotliv²ch Φastφ
textu pomocou rozdielnΘho formßtovania.
<div> je interpretovan² ako division - oddelenie - Φas¥, oznaΦenß pod╛a mena. Jednß sa o kontainer
,ktor² oznaΦuje sekciu na HTML strßnke. Tento <div> tag, alebo divφzia, je interpretovanß ako a oznaΦenß pod╛a mena. Ide o kontajner,ktro² oznaΦuje sekciu na HTML strßnke. Tßto Φas¥ textu, ktrorß je uzavretß do znaΦiek
<div> a </div> sa proste odliÜuje od v²chdzieho formßtovania na strßnke. Naprφklad centrovanie textu je v²hodnΘ robi¥ pomocou kontajnera DIV, ktor² je mo₧nΘ pou₧i¥ nasledovn²m sposobom:
<div align="center">
</div>
Ako vidφte sami jednß sa o ve╛mi jednoduch· a ·Φinn· techniku vycentrovania urΦitej Φasti textu na strßnke.
AvÜak okrem textu je mo₧nΘ zarovnßva¥ t²mto sp⌠sobom aj obrßzky. Je to v²hodnejÜie ako pou₧itie centrovacieho tagu
<CENTER>.
HlbÜφ zmysel v pou₧itφ DIV je hlavne v ich mocnom prepojenφ na jednotlivΘ objekty na strßnke. Ide o to, ₧e jednotliv²m objektom na strßnke si priradφme akoby ID oznaΦenie a potom ich u₧ volßme ako jednotlivΘ atrib·ty.
Znie to dos¥ komplikovane ale je to vlastne ve╛mi jednoduchΘ. Ukß₧eme si to na jednoduchom jednoriadkovom prφklade:
<style type="text/css">
DIV.quotation {font-family: courier;}
</style>
<div id="quote1" class="quotation">Prvy riadok zvyraznen² zelenou.>/div>
Po zadefinovanφ Üt²lu v sekcii HEAD, Φi₧e DIV.quotation nastaven² na FONT Courier a okrem toho je tu zadefinovan² nov² atrib·t s oznaΦenφm
Teraz si ukß₧me cel² prφklad v ktorom budeme vola¥ dve ID hodnoty, ktorΘ bud· predstavova¥ sfarbenia jednotliv²ch
riadkov.
<style type="text/css">
<!-
DIV.quotation {font-family: courier;
font-size: 10pt;
text-align: center}
-->
</style>
Ak² v²stup dostaneme a ako sa nßm prejavφ volanie naeditovan²ch ID -
<div id="quote1" class="quotation">Zelen² riadok.</div>
<div id="quote2" class="quotation">A zlty riadok.</div>
Zelen² riadok.
A zlty riadok.
|
|
| | |
|
| "<DIV>, alebo Φlenenie sekciφ pomocou CSS [7.Φas¥ serißlu o CSS]" | Login / vytvor konto | 0 Komentßrov | |
|
| Za obsah komentßrov je zodpovedn² u₧φvate╛, nie prevßdzkovate╛ t²chto strßnok. |
|
Homepage
