Hlavná stránka · Diskusné Fórum · Pracovné príležitosti · Zoznam

 Main Menu
o Hlavná stránka
o Zoznam tém
o Zoznam
o Odporučte nás
o Užívatelia
o Vaše konto
o Pridaj článok
o Štatistiky
o Top 10

 Reklama


 Developer Zone's
o Internet
o Tools
o Linux
o CGI Zone
o ASP Zone
o ASP.net
o PHP Zone
o CSS Zone
o JavaScript
o MySQL
o WAP / WML
o WML / WMLScript
o XML / XHTML
o Tipy a triky
o Best of web
o WebServers
o WebDesign
o Grafika

 Servis
o Vyhľadávanie
o Fórum
o Workoffice
o Zoznam článkov
o Reklama
o Pridaj článok
o Pridaj novinku

Napíšte nám
Homepage Do favoritov

 LinkExpres
Interval.cz · Pc.sk
Builder.cz · Mobilmania
PCSvet.cz · Asp.cz
Webdnes · Živě.sk
Zoznam.sk · Atlas.sk
Inzine.sk · PHP.sk
Agent.sk · Lupa.cz
Code.box.sk · Root.cz
Pixel32 · Grafika.cz

 forum.developer.sk
o Fórum ::
o Markup languages
o Scriptové jazyky
o CGI
o PHP/MySQL
o Perl
o Grafika
o Webservery
o HTML Editory
o Browsery
o Bookmarx
o ASP
o Vytvor tému ::

 Pracovné príležitosti
o Ponúkate prácu?
o Hľadáte prácu?

 Autori developer.sk
o Martin Nemeček
o Sväťo Straka
o Jany Masaryk
o Jozef Murín

 
CSS [ 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.


 
 Príslušné odkazy k téme
Viac o téme: CSS | Iné články od: Admin | Pošli komentár | Stránka vhodná na tlač width=15 height=11  Pošli tento článok priateľovi, známemu width=15 height=11


Najčítanejšie články CSS:
CSS - Cascading Style Sheets [úvod do problematiky]

Ďalšie články v rubrike CSS:

 

"<DIV>, alebo členenie sekcií pomocou CSS [7.časť seriálu o CSS]" | Login / vytvor konto | 0 Komentárov
Prah
Za obsah komentárov je zodpovedný užívateľ, nie prevádzkovateľ týchto stránok.



Autorské práva:   ©1999 - 2001 Developer Zone [developer@developer.sk]

Všetky články sú vlastníctvom autorov Developer Zone. Všetky práva vyhradené. Stránky Developer.sk sú vytvorené pomocou PHP-Nuke.
Odkazy na nové články je možné preberať pomocou:Backend.php.