HTML Osnove

8. Raspored i HR objekata na stranici

Da vaše stranice ne bi izgledale zbrkano te da bi se objekti (text ili slika) našli na pravome mjestu pročitajte slijedeću lekciju. U njoj će biti govora kako izvršiti horizontalni i vertikalni raspored.

8.1. Horizontalni raspored objekata ( HTML div tag)

Kod horizontalnog rasporeda razlikujemo
poravnanje ulijevo: <div align="left" >
centriranje: <div align="center"> ili samo <center>
poravnanje udesno: <div align="right" >
vidi stranicu     vidi code

8.2. Vertikalni raspored objekata

Za raspored objekata po vertikali ne postoji nažalost nikakav tag osim <br> naravno. No mi smo vrlo lukav narod pa ćemo se poslužiti trikom. Naime za umetanje praznog prostora upotrijebit ćemo prozirnu sliku pixel.gif o čemu sam govorio već ranije pa neću posebno objašnjavati.
vidi stranicu     vidi code

Za bolju manipulaciju vertikalnim razmakom morat ćete ipak naučiti CSS .

8.3. Ostali načini

Znam da ste se već ponadali da ću objasniti i neka sretnija rješenja no nažalost to je tema narednih priručnika. Zato ću ih samo spomenuti.
* Prva dobra fora je smještanje objekata u tablice i manipulacija unutar svake ćelije.
** Druga fora jesu okviri (frame-ovi) no ni njih neću sada objasniti.
*** Osim ovih treba spomenuti i CSS kao jedno od boljih rješenja.

9. Horizontalna linija (rule)

Horizontalna linija (horizontal rule) služi prije svega za razdvajanje pojedinih dijelova texta kako bi sve što napišemo bilo što preglednije. To ćemo postići pomoću <hr> taga.

Evo kako izgleda njegova puna sintaxa.
<hr align="center" size="5" width="30%" color="blue" noshade>
Atributi imaju slijedeće značenje:
    align - određuje poravnanje
    size - određuje visinu linije (samo u pixelima) - Browseri ne renderiraju više od 100 pixela.
    width - određuje širinu linije (u pixelima ili postocima)
    color - određuje boju linije - Kod nekih browsera ovo ne radi.
    noshade - onemogućava trodimenzionalni prikaz linije

Naravno neke atribute možete izostaviti. Ako izostavite sve onda će ju browser prikazati po defaultu.

Osim upotrebe <hr> taga za ovo se može upotrijebiti i neka slika.
vidi stranicu     vidi code