CSS - hoe werkt deze site...

[anoniem]

Ik heb een site gevonden waar de content steeds dezelfde blijft, maar volgens hetgeen ik lees op de site veranderd alles met external css-styles. Hoe werkt dit eigenlijk??? [url]http://www.csszengarden.com[/url]

[anoniem]

[quote:4d5c707aa6="olivier"]Hoe werkt dit eigenlijk??? [url]http://www.csszengarden.com[/url][/quote:4d5c707aa6]Lijkt me leuk om uit te zoeken door in de bron te kijken. Kijk ook eens onder resources.

[anoniem]

sterker nog, de hele site is bedoeld om uit te zoeken hoe door middel van CSS het uiterlijk gewijzigd kan worden met gelijke content, Dus. Begin met het lezen van de site. Dan zul je uiteindelijk de sample HTML en sample css bestanden downloaden en bekijken. Als je dat kan volgen zul je ontdekken dat je in de CSS het uiterlijk kan veranderen. Als je het uiterlijk veranderd, wat zou dan gelijk blijven????? (hint: de ´ruwe tekst´ wordt in het engels C#NT#NT genoemd). Overigens verder dank voor het wijzen op deze site. Erg leerzaam, ik vind dit een goed voorbeeld hoe een website eruit zou kunnen zien. Wellicht dat mensen wat vaker hun favoriet kunnen aangeven? Die van mij (voor CSS) is bijvoorbeeld www.bluerobot.com als je met CSS begint. Thor2002

[anoniem]

Ik heb zijn stylesheet bekeken, maar hoe laat hij zijn design automatisch met de beeldschermresolutie meegaan? Dat vind ik zeer handig.

[anoniem]

Dat heeft niks met de css te maken. Dat zijn gewoon tabellen met een breedte opgegeven in procent.

[anoniem]

[quote:23eb6d88b0="bennoBuch"]Dat heeft niks met de css te maken. Dat zijn gewoon tabellen met een breedte opgegeven in procent.[/quote:23eb6d88b0]geen CSS ? tabellen ? Kijk jij ook eens in de broncode, bennoBuch ! :wink:

[anoniem]

Hij doet het waarschijnlijk met een div. [code:1:7f9995a656]#container { background: url(zen-bg.jpg) no-repeat top left; padding: 0px 175px 0px 110px; margin: 0px; }[/code:1:7f9995a656] Ik zie niet alleen in hoe het zo meegaat met de beeldschermresoluties... Bij mij is het altijd gewoon "fixed" en moet ik het zo centreren dat het te zien is op meerdere resoluties, maar als iemand een hele hoge resolutie heeft, dan wordt het scherm niet echt helemaal opgevuld. Hoe doet hij dit? ;)

[anoniem]

Hij? Er zijn minstens 40 mensen die meedoen aan dit project en het worden er met de maand/week meer. Het 'fluid' design wordt behaald door effectief gebruik te maken van de mogelijkheden met CSS.

[anoniem]

[quote:478efd0d45="sjalesho"]Ik zie niet alleen in hoe het zo meegaat met de beeldschermresoluties...[/quote:478efd0d45]Een div is een zgn [i:478efd0d45]block level element[/i:478efd0d45] en zal - tenzij anders gedefinieerd - de volledige breedte beslaan van het scherm, ongeacht de resolutie. - Bas