28.2.2010

Ahh ta web, včasih mi je bil IE celo všeč

Microsoft Internet Explorer je bil v verziji 3 eden izmed boljših brskalnikov tistih časov, vendar pa se ni pokoraval nobenim standardom in to tradicijo drži še danes. Zato je programiranje spletnih strani tako zoprn posel.

Administracijo sem dokončal, tako, da je vnos vsebin in oblike (strukture) spletne strani mogoč v celoti. Sedaj me čaka še forum, ki pa se ga verjetno lep čas ne bom lotil, saj ga na blogu ne potrebujem (komentarji so narejeni na osnovi foruma in ta del je dokončan).

Če bi si kdo zaželel te spletne aplikacije, mu jo odstopim. Za eno pivo!

Zdaj pa k temi tega zapisa: IE in njegovi ocvirki! Tisti nesrečneži, ki si ogledujete to spletno stran z njim, ste verjetno opazili, da so nekatere slike čudnih barv in da so sličice v galeriji namesto na sredini diapozitiva (belega okvirčka) postavljene na vrh (tole mi je celo uspelo porihtat). Edini, ki na tak način prikazuje tole stran je IE od verzije 6 naprej.

Najprej se teh težav nisem niti zavedal, ker sem že zdavnaj obupal nad njim in nisem niti preskusil prikazati moje spletne strani v njem. Pa so me opozorili!

Torej, najprej sem se lotil na videz enostavnega problema: pozicionirati sličice na sredino okvirčka - horizontalno in vertikalno. Slednje se je pokazalo precej zamotano.

Torej: Če želimo sličico (ali pa kak drug konstrukt) pozicionirati vertikalno na sredino z uporabo CSS to naredimo na naslenji način:

<style>
.slide {
width:...px;
height:...px;
line-height:...px;
text-align:center;
vertical-align:middle;
display:table-cell;
clear:both;
}
</style>

Kar dela lepo v vseh brskalnikih razen v IE. Na netu sem našel zelo nazoren primer, kako to zadevo poštimati tudi v IE. In je delovalo. Dodal sem le še en prazen SPAN tik pred sliko in pogojni CSS v HEAD dokumenta.

<!--[if lte IE 8]><style>
.slide span {
display: inline-block;
height: 100%;
}
</span><![endif] -->

Pred tem pa sem si razbijal glavo do onemoglosti. Skoraj sem že šel nazaj na postavitev s tabelo.

Ostaja mi le še čuden prikaz slik, ki imajo preko sebe napet link (<a>). Iz neznanega razloga IE sliko invertira, če je le ta JPEG. PNG slike prikaže popolnoma normalno.

Pa naj še kdo reče, da je IE super brskalnik (in hroščev, ki omogočijo hekerjem nadzor nad računalnikom, sploh nisem omenil).

16.2.2010

Spletna aplikacija moje internetne strani

... je moj velikanski uspeh. Vsaj zame! Vzelo mi je mesec in pol, da sem jo posodobil in prekodiral v PHP. S tem je postala precej privlačnejša in uporabnejša.

Že s prvim januarjem letošnjega leta (in to nekaj minut po polnoči) sem predstavitveni del spletne strani prestavil na PHP različico, ki sem jo pred tem že nekaj časa razvijal in testiral na testnem okolju. Zdelo se mi je vredno postaviti sad mojega nočnega življenja na ogled javnosti.

Vendar pa samo predstavitveni del aplikacije ni vse. V resnici je samo drobčken košček! Glavnino predstavlja t.i. administrativni del, kjer se vnašajo podatki in parametri delovanja. Takoj, ko sem objavil PHP različico, sem vedel, da s prekodiranjem administrativnega dela ne smem več odlašati, saj je bilo vzdrževanje takega sistema zelo naporno.

Vzelo mi je mesec in pol, da sem dokončal administracijo do take mere, da tole besedilo lahko že pišem v njej. Vključno z vsem varnostnim oz. sistemskim delom. Do osnovne celote mi manjka zgolj še administracija rubrik spletne strani (hierarhija).

Poleg tega bo v končni različici zadeva vsebovala tudi administracijo mailing list (ostanek korporativne aplikacije) in foruma oz. diskusij (kot jih imenujem sam).

Sledi nekaj zaslonov tistega dela, ki sem ga pripravil.