Scoutnet vzw

Deze site is volledig opgemaakt in css, bevat geen tabellen en is ook nog eens compleet dynamisch omdat alle data uit een MySQL Database word gelezen.

En door middel van een zelf geschreven cms systeem is alles on line aanpasbaar.

http://www.scoutssinaai.be

Proficiat Kornijn,

Ne propere site zou ik zo zeggen.
Ofwel heb ik ni goed gekeken, ofwel steekt het echt goed in elkander !


groetjes,

Moezze

Je zal wel goed gekeken hebben, het steekt zeer goed in elkaar .
Ik heb er wel wat uren en dagen werk in gestoken om alles cross-platform/browser te laten werken.
Want css is niet zo browsers onafhankelijk zoals de meesten wel denken.

eindelijk iemand die nog eens aandacht schenkt aan propere code en CSS!

Ik vind de layout (kleuren vooral) wel een beetje tegenvallen.
Neem eens een kijkje:
http://www.cssvault.com/
http://www.csszengarden.com/
http://www.stylegala.com/


Als zwaar XHTML en CSS-freak kan ik het niet laten enkele opmerkingen te maken:
Het centreren kan éénvoudiger denk ik:
#center{
width: 640px;
height: 500px;
margin: auto auto;
}

Het werken met negative marges en 50%-positie is een gekende techniek maar faalt wel nogal eens. Als je een resolutie van 800x600 hebt (of gewoon niet fullscreen kijkt of zoals ik nogal wat toolbars staan hebt) kan het zijn dat delen van de site verdwijnen en dat je dubbel moet scrollen. (het is met name het bovenste gedeelte van de site dat verdwijnt en niet terugkomt bij scrollen) Dit kan voor komen worden door een flexibele layout (toch alleszins in vertikale richting).

Gebruik niet overbodig veel div's (vooral voor de positionering).

Het lijkt alleen maar propere code (zeker geen XHTML strict: http://validator.w3.org/check?verbose=1 ... sinaai.be/)

En uiteindelijk valt het mij dik tegen dat je een inlineframe gebruikt. Het is totaal overbodig en als je dan toch met CSS-positioning werkt... vooral als je beweert dat het volledig met CSS hebt opgebouwd.

Ook die index-frame voor de stats is overbodig (je kan dit in php oplossen met sessies - je kent daar duidelijk veel meer van dan mij)

geen aanduiding van het huidige menu-item

meeste zaken absoluut gepositioneerd (heeft natuurlijk te maken met die ene achtergrondfiguur. Dit is zeker geen goede manier van werken (maar is natuurlijk veel gemakkelijker dan een flexibele layout, die zich (toch alleszins vertikaal aanpast aan de grootte van de inhoud en/of de grootte van het scherm.)


Denk wel dat ik weet hoe je tot dit soort fixed design komt: je blijft helemaal hangen, bij het ontwerp dat je in photoshop gemaakt hebt! Webdesign biedt zoveel meer mogelijkheden dan één achtergrondfiguur waar de tekst dan ik vaksjes wordt opgeplaatst.

ps: Moezze ik vrees da ge niet goed gekeken hebt.

_________________
Als het konijn niet in de hoed wil ...

Hey,

Wat een goede reply.
Ik heb jouw centertechniek eens gebruikt en het werkt ook,
Maar gaf wel een lay out probleem.
En als jij zegt dat het dan beter werkt dan zal ik het gebruiken in de toekomst.

Om het nedstat icoontje weg te moffelen heb ik de simpelste methode gebruikt.

Te veel div's , worden er niet gebruikt, want ze hebben allemaal een nut.
En omtrent dat fixed design, ik wou iets clean en simpel hebben.
Waardoor alles ordelijk enzo blijft.

ok, wat was het layoutprobleem (heb die techniek alleen nog voor hrizontael centreren gebruikt)?

Ach en waarom is dat inlineframe er nu?

_________________
Als het konijn niet in de hoed wil ...

Hola Paula,

Ik zou ni goe gekeken hebben?
Op mijn ordinateur werkt dieje site perfect.
(Al zal je wel gelijk hebben)

Toch chique gedaan !


groetjes,