Site updates

Geschreven door Reind Dooyeweerd donderdag, 23 augustus 2007 04:38

Vandaag weer eens een dagje flink aan het knutselen geweest en dat betekent uiteindelijk eerst een dag vol frustraties om aan het eind eindelijk een kloppend geheel te hebben. Er zijn namelijk een aantal dingen nieuw op de site en die hadden nogal wat voeten in aarde.

Als eerste natuurlijk het menu, de afgelopen weken ben ik daar drukker mee geweest dan me lief was aangezien ik tegen nogal wat problemen aan liep. Het menu is nu 100% cross browser proof echter is er 1 maar, IE6 toont de letters wat scherper dan de rest van de tekst wanneer men gebruik maakt van cleartype.

Mensen die niet weten wat cleartype is zal het niet eens opvallen, mensen die cleartype wel aan hebben staan in 98% van de gevallen ook niet echter is dat een bugje wat met geen mogelijkheid te omzeilen is. Het menu word er dus niet minder werkbaar door of iets dergelijks... het is puur een cosmetisch iets. Daarnaast hebben mensen met Internet Explorer 6 of lager die javascript uit hebben staan een probleem. Internet Explorer 6 is een browser waar we langzaam maar zeker afscheid van aan het nemen zijn en dus heb ik de problemen die daar ontstonden met een extern javascript opgelost. Dit javascript is alleen voor mensen die met Internet Explorer 6 of lager werken en de rest van de browsers zal het script links laten liggen (lang leve het <!--[if lt IE 7]> conditional statement).

Wat fixt dat javascript? 2 dingen, er is een script voor de werking van het menu welke er voor zorgt dat de roll overs bij een hover kloppen EN er is een javascript wat er voor zorgt dat Internet Explorer 6 netjes om gaat met een transparante PNG doormiddel van een DXImageTransform. Waarom geen aparte stylesheet... om de doodsimpele reden dat dat meer ellende geeft dan het problemen oplost en de CSS niet meer valideerd. Zonder deze javascripts zal de site nog wel werken maar verliest het menu zijn transparantie EN zullen de pulldown menu's niet werken. Vandaar dat de links naar de secties zijn blijven staan zodat men zelfs met alles uit nog door de site heen kan navigeren.

Internet Explorer 7 zal alleen het javascript voor de dropdown menu's in laden, lang leve de nog steeds matige ondersteuning van CSS op dit gebied. Het script voor de transparante PNG zal Internet Explorer 7 laten voor wat het is aangezien alpha transparante png's wel eindelijk goed ondersteund worden in versie 7.

Dan hebben we nog de laatste comments module, nieuw in het theater... de laatste 5 geplaatste comments. Qua styling nog niet helemaal zoals ik het wil maar voorlopig volstaat het en werkt het prima. Binnenkort komt er een nieuwe versie van het comment systeem en dan pakken we deze module ook meteen weer even aan.

Verder is de site weer helemaal xhtml valid en is de css ook netjes gevalideerd en op orde gebracht. Voorlopig kunnen dreamweaver en photoshop dus weer de kast in ;-)