To je primer teksta, ki je razporejen na levem, pobarvanem robu |
Črta ob robu strani
|
Kako to naredimo:Z grafičnim programom, kot je na primer PaintShop Pro, pripravimo grafično sliko, ki je dolga (v našem primeru 1200 pikslov), tako da sega čez celo širino strani. Je hkrati ozka (v našem primeru 10 pikslov), da ne zahteva preveč spomina. To sliko na levi strani pobarvamo tako, kot želimo, da bo izgledal naš rob. Oglejmo si sliko, uporabljeno v tem primeru.To sliko brkljalnik ponavlja kot ozadje naše strani. Tako lahko dosežemo tudi različne ponavljajoče se vzorce. Pomagajmo si z našo domišljijo ali poglejmo slike, ki so jih kot ozadje naredili drugi. Kaj pa tekst na robu strani?Načinov, kako to naredimo, je več. In vsi niso univerzalni za katerikoli brkljalnik. V našem primeru smo si pomagali tako, da smo na stran vnesli eno ali več nevidnih tabel in zapisovali besedilo kar v posamezne kolone teh tabel. Več o tem pa v poglavju, ki podaja, kako delamo s tabelami. Seveda lahko na levi rob (ali bolje v levo celico tabele) vključujemo tudi druge objekte, na primer slike. Na kratko pa vseeno poglejmo, kako takšno tabelo sestavimo. Vpisati
moramo naslednjo kodo:
<TABLE BORDER="0" CELLSPACING="5" CELLPADDING="5"> <TD ALIGN="----" WIDTH="###">
</TABLE>
Vse, kar naj bi bilo na levi, pobarvani strani, vpisujemo takoj za prvo oznako TD. Vse, kar naj bi bilo na desni strani, vpisujemo za drugo oznako TD. Ukaz BORDER="0" povzroči, da tabele ne bomo videli (je le nekakšno vodilo naše vsebine. Še nekaj važnegaParametri ALIGN in WIDTH so le nakazani. Namesto ### bomo morali vpisati številko, ustrezno širini. Da bo besedilo povsemznotraj pobarvanega polja, mora biti leva stran tabele malo ožja od tega polja. Parametra CELLSPACING in CELLPADDING bosta med obema kolonama pustila prazen žleb. Ta naj bo dovolj širokDefinicija širine celic tabele je najbolj natančna v pikslih, ne v procentih, kar je sicer tudi možno. Vse skupaj moramo seveda preizkusiti. Dober trik je, če najprej vse
preiykusimo z vidnimi robovi tabele (BORDER = "1") in čisto na koncu popravimo
ta rob v neviden (BORDER = "0").
|