Centriranje vsebine na sredino ekrana – vertikalno in horizontalno centriranje

Centriranje vsebine na sredino ekrana po horizontali in vertikali je lahko precej zapletena zadeva. Medtem, ko je centriranje po horizontali dokaj enostavno nam centriranje po vertikali povzroča sive lase, saj CSS funkcije, ki bi vsebino poravnala po vertikalni ni. Pomagati si moramo z nekaterimi drugimi značkami s katerimi dosežemo želeni efekt.

Beri naprej Centriranje vsebine na sredino ekrana – vertikalno in horizontalno centriranje

»onClick« funkcija – Kako DIV polje postane povezava

Pri izgradnji in razvoju spletnih strani velikokrat srečamo problem postavitve povezave na območje, kjer je več vsebin (slike in besedilo). V večini primerov se nato pripravi povezava posebej na sliki in posebej na besedilu. Ta problem pa lahko rešimo tudi s pomočjo DIV polj in Javasript kode, ki nam omogoča izgradnjo povezave na samem polju.

Beri naprej »onClick« funkcija – Kako DIV polje postane povezava

Lebdeči DIV ali “floater”

HTML oziroma gradnik DIV nam omogoča izdelavo, tako imenovanih “floaterjev”. Slednji se lahko pojavijo nad samo spletnjo stranjo na pozicijah, ki jih določimo s pomočjo parametrov ali pa čez celoten zaslon.

Lebdeče DIVe najpogosteje srečamo v obliki “floaterjev”. Lahko se pa uporabljajo tudi za druge namene.Določimo jim posamezne parametre, ki določajo pozicijo, širino in dolžino,… V našem primeru je DIV obarvan zaradi prepoznavnosti, ima velikost v obliki kvadra 200 px in ima pozicijo 100 px od leve strani in 100 px od zgornjega roba. Spodnji del kode vstavimo v željeni HTML, takoj za značko <body>.

Beri naprej Lebdeči DIV ali “floater”

Razrez spletne strani s pomočjo polj – DIV

Spletno stran lahko zgradimo tudi s pomočjo tako imenovanih DIV polj.  Osnutek spletne strani razdelimo na posamezna polja, ta polja so ponavadi glava, navigacija, vsebiski del in noga. Dodamo lahko tudi druga poljubna polja. Atribute teh polj ponavadi urejamo s pomočjo CSSja oziroma s pomočjo stilov, ki so lahko tudi znotraj HTML datoteke ali samega DIV polja. Kateri tip uporabimo je odvisno od števila strani in načina programiranja. V našem primeru bomo uporabili tip, kjer se stili določajo znotraj DIV polja. DIV polju lahko določamo širino, višino, barvo, pozicijo,… če pa želimo imeti dva polja v isti višini, se pravi enega levo enega desno pa moramo najprej uporabiti polje – DIV za okvir, kjer določimo širino, nato pa dva dodatna polja enega za levo stran enega za desno. Potrebno je še uporabiti parameter “FLOAT” – float:left, tako se polji postavita vsporedno.  Za centriranje celotne spletne strani na sredino moramo dodati stil na sam “body” – <body style=”text-align:center;”>.

Beri naprej Razrez spletne strani s pomočjo polj – DIV