Links ::  | DEV web management system | Katalóg | Webhosting | Recepty
  
 Index | Registrácia | Hľadať | Galéria | BoardNeprihlásený užívateľ  //Štvrtok, 23. Novembra 2017 
Navigation
Index
Top 10 autorov
Top 20 článkov
Hľadať
Galéria

Zones
Asp.(NET)
C/C++
Flash
Grafika+Design
Hardware
Hry
Html/Css/Xml
Java
Linux
Networks
Operačný systém
Pascal/Delphi
PHP
Security
Software
SQL
Visual Basic
Wap/Wml
Windows
Zóna iné

Links
Script index Interval.cz Pc.sk Regedit.sk TipyaTriky.sk Builder.cz Asp.cz Živě.sk Zoznam.sk Code.box.sk Root.cz Quant&Financial

Odkazy

Sessions
Stránky Developer.sk si práve číta 324 čitateľov, z toho je 0 zaregistrovaných

BackEnd
Odkazy na nové články je možné preberať pomocou backend.php

kuk

    <DIV>, alebo členenie sekcií pomocou CSS [7.časť]

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 quotel

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
color:green
}
-->
</style>

Aký výstup dostaneme a ako sa nám prejaví volanie naeditovaných ID -

<div id="quote1" class="quotation">Zelený riadok.</div>

Zelený riadok.



Autor : Developer, čítané 11083x, komentárov: 0
Hodnotenie :    |  Nedeľa, 1. Júna 2003

Pridať nový komentár/Komentáre
Vaše hodnotenie :   horšie  lepšie
Login
Login:
Heslo:

Hľadať
 
v článkoch
v diskusiach
v komentároch

Top read
PHP Coder

Priklady v C. 1.čast.

DEV web management system

Php a bezpečnosť skriptov

Autorun CD

Top discuss
Jednoduchý web formulár (ASP.NET)

Delphi seriál: (1.časť)

Velmi rychla grafika v Pascale

DEV web management system

Naša ikona
Páčia sa Vám naše stránky ? Ak áno, podporte nás prosím a umiestnite si na svoju stránku našu ikonku:





Copyright (c) Developer.sk, All rights reserved.
Powered by DEV web management system