Vakantie !
Na de vakantie hebben we nog een week en dan is het alweer toetsweek. Voor 4 vwo betekent dat xhtml/css, voor 5 vwo SQL via de Oracle Academy en 6 vwo sluit PHP af. Voor de vierdeklassers heb ik nog eens op een rijtje gezet hoe je vlakken maakt met css. Met het commentaar in de html code en in het css bestand moet het duidelijker zijn. Het staat bij het lesmateriaal onder inter-047 maar je kunt ook even kijken op http://nicole.ostrea.in/vlakken.html De leerlingen moeten een website maken als praktische opdracht maar in de toetsweek maken zij een toets xhtml/css en daar mogen ze laten zien of ze dat een beetje beheersen. De nieuwe toets zal ik deze vakantie maken, die van vorig jaar was iets te moeilijk. In 5 vwo hebben we het heel gemakkelijk met de Oracle Academy. Zij maken de midterm van de cursus SQL Programming. Ze kunnen veel steun hebben aan het documentje sql-012 van de Lesmateriaal pagina. Daar zet ik nog even alle joins op een rijtje. Voor 6 vwo is de PHP-toets van vorig jaar de Kerstpuzzel. Die staat op de Toetsenpagina bij php-011. Deze leerlingen zullen gemak hebben van mijn aantekeningen die je op de Lesmateriaal pagina vindt bij php-010.
Reacties
Frans Peeters
Geplaatst op 01 januari 2009 13:59
Heej Niels, wat leuk dat een natuurkundige in spe zich nog bezighoudt met css! Nog even over die workaround van jou. Vlakken zal ik niet centreren met text-align. Text align gebruik ik (zoals de term doet vermoeden) om tekst te positioneren. Om een vlak in het midden te zetten, gebruik ik margin:auto. Ik heb even een bestandje gemaakt dat http://nicole.ostrea.in/niels.html heet en met als css dus http://nicole.ostrea.in/niels.css en daar heb ik jouw oplossing en die van mij naast elkaar gezet. Ik check meestal in IE, FireFox, Opera en op de Mac en het werkt in alle gevallen. Het vlak blijft mooi gecentreerd zolang het scherm groter of gelijk is aan 800. Bij kleinere resoluties zie je uiteraard een verschil.
Niels Mulder
Geplaatst op 26 december 2008 00:15
Ook interessant is hoe je goed een div-je in het midden van je venster krijgt ({text-align: center;} is niet netjes en werkt alleen in IE). Wat wel werkt is dit: {position: absolute; width: 800px; left: 50%; margin-left: -400px;}. margin-left is dus width/2. Hiermee krijg je een div-je horizontaal in het midden, verticaal in het midden werkt natuurlijk hetzelfde.