CSS en Div's

Status
Niet open voor verdere reacties.
Hoi Baukjen,
Toevallig zwerft er op internet een handleiding rond voor de bouw van eenzelfde soort pagina-indeling als jouw indeling. :)
Deze handleiding mikt eigenlijk op het gebruik van php of shtml, maar er zit stapsgewijs de constructie in van de elementen "kop" (met logo, kreet en horizontaal menu!), "verticale menukolom" links, en de "inhoud" rechts ernaast.
Behalve de dingen die op de pagina verteld worden, laat ook de broncode van elke bladzij veel zien over de structuur van de html (de plaatsing van de <div>'s ten opzichte van elkaar), en over de gebruikte css-regels (waar wel of niet floaten, enz.).

Je zou bv. eens kunnen proberen de romp van een dergelijke pagina na te bouwen, dan zit je waarschijnlijk al een heel eind in de richting.

Heb je hier iets aan?
Succes!
CSShunter
 
csshunter zei:
Hoi Baukjen,
Toevallig zwerft er op internet een handleiding rond voor de bouw van eenzelfde soort pagina-indeling als jouw indeling. :)
Deze handleiding mikt eigenlijk op het gebruik van php of shtml, maar er zit stapsgewijs de constructie in van de elementen "kop" (met logo, kreet en horizontaal menu!), "verticale menukolom" links, en de "inhoud" rechts ernaast.
Behalve de dingen die op de pagina verteld worden, laat ook de broncode van elke bladzij veel zien over de structuur van de html (de plaatsing van de <div>'s ten opzichte van elkaar), en over de gebruikte css-regels (waar wel of niet floaten, enz.).

Je zou bv. eens kunnen proberen de romp van een dergelijke pagina na te bouwen, dan zit je waarschijnlijk al een heel eind in de richting.

Heb je hier iets aan?
Succes!
CSShunter
Klik om te vergroten...
 
csshunter zei:
Hoi Baukjen,
Toevallig zwerft er op internet een handleiding rond voor de bouw van eenzelfde soort pagina-indeling als jouw indeling. :)
Deze handleiding mikt eigenlijk op het gebruik van php of shtml, maar er zit stapsgewijs de constructie in van de elementen "kop" (met logo, kreet en horizontaal menu!), "verticale menukolom" links, en de "inhoud" rechts ernaast.
Behalve de dingen die op de pagina verteld worden, laat ook de broncode van elke bladzij veel zien over de structuur van de html (de plaatsing van de <div>'s ten opzichte van elkaar), en over de gebruikte css-regels (waar wel of niet floaten, enz.).

Je zou bv. eens kunnen proberen de romp van een dergelijke pagina na te bouwen, dan zit je waarschijnlijk al een heel eind in de richting.

Heb je hier iets aan?
Succes!
CSShunter
Klik om te vergroten...

Bedankt ik ga op onderzoek
Groet Baukjen
 
baukjen zei:
wie kan mij helepen met de vraag hoe ik in een site de verschillende div's op de juiste manier kan positioneren?

hier een opzet met de vraag http://members.home.nl/bpl/

vriendelijke groet
baukjen
Klik om te vergroten...

Nog niet helemaal opgelost. Wel aardig op weg. Volgens mij ben ik nu op een punt dat er misschien wel een helder duidelijk boek mag komen over HTML en CSS. Ik begrijp dat er ook weer een verschil is tussen CSS en CSS1? Welke dit zijn weet ik nog niet!
Wie weet is er iemand die een goede titel heeft voor een boek?
 
Als je graag 'n boek hebt, kun je kiezen uit vele honderden titels. Ik heb de laatste twee tot drie jaar eigenlijk geen slechte boeken meer gezien over css. Wat je prettig vindt is voor 'n groot deel 'n kwestie van smaak. Lees je graag van a tot z, liever lessen, zo'n dikke Engelstalige pil of 'n iets dunner Nederlands, ...
Maar misschien hoef je geen boek te kopen. Je hebt online 'n aantal uitstekende gratis cursussen en hele oerwouden aan zwaar verouderde en dus niet meer goede cursussen. Hier staan wat links naar goede cursussen: http://css-voorbeelden.nl/links.html#a-css-overzicht
Vooral die van http://www.web-garden.be/ kan ik je aanbevelen, omdat dat een van de weinige is die css en html in combinatie behandelt.
Na het volgen van zo'n cursus kun je eigenlijk alles wel op internet vinden, en echte ervaring doe je al doende op.

Het is nog erger. Je hebt css 1, css 2, css 2.1 en css 3.
Maar voor je echt gaat wanhopen: dit zijn gewoon precies dezelfde talen. Het zijn gewoon verschillende versies. css 2 (versie 2) is 'n uitbreiding van css 1. Op het moment is css 2.1 in alle grote browsers vrijwel volledig verwerkt (Safari, Google Chrome, Firefox, Opera, Internet Explorer 8). Internet Explorer 6 en 7 lopen hopeloos achter en geven vaak problemen, vooral IE 6. Ook daar leer je vanzelf mee om te gaan door vragen en proberen. En hopelijk is dat kreng snel verdwenen.
Alles wat in css 1 werkte, werkt ook in css 2. Enz. Er zijn wat kleine uitzonderingen, maar dat gaat dan om dingen die in de praktijk gewoon niet bleken te werken en toch al genegeerd werden.

Internet Explorer 8 heeft met enorme achterstand de minste ondersteuning van css en html. Op het ogenblik wordt gewerkt aan de standaard voor css 3. Die wordt al geleidelijk aan geïmplementeerd in alle browsers, behalve IE 8. Microsoft heeft tot nu toe ook geen plannen om css3 in IE 9 te implementeren, behalve - van alle honderden leuke nieuwe dingen - ronde hoeken. Gelukkig zijn er door vele mensen allerlei oplossingen met JavaScript en zo bedacht, waardoor IE 8 ook 'n beetje mee kan komen. Microsoft zelf lukt dat kennelijk niet.
Maar goed, dat zijn dingen die je allemaal vanzelf wel gaat tegenkomen.

Edit: op die pagina waarnaar ik link staan ook links naar de officiële specificaties van html, css, enz. Maar die zijn eigenlijk alleen maar leesbaar als je dezelfde afwijking hebt als mensen zoals ik:p
 
Laatst bewerkt:
Goeroeboeroe zei:
Als je graag 'n boek hebt, kun je kiezen uit vele honderden titels. Ik heb de laatste twee tot drie jaar eigenlijk geen slechte boeken meer gezien over css. Wat je prettig vindt is voor 'n groot deel 'n kwestie van smaak. Lees je graag van a tot z, liever lessen, zo'n dikke Engelstalige pil of 'n iets dunner Nederlands, ...
Maar misschien hoef je geen boek te kopen. Je hebt online 'n aantal uitstekende gratis cursussen en hele oerwouden aan zwaar verouderde en dus niet meer goede cursussen. Hier staan wat links naar goede cursussen: http://css-voorbeelden.nl/links.html#a-css-overzicht
Vooral die van http://www.web-garden.be/ kan ik je aanbevelen, omdat dat een van de weinige is die css en html in combinatie behandelt.
Na het volgen van zo'n cursus kun je eigenlijk alles wel op internet vinden, en echte ervaring doe je al doende op.

Het is nog erger. Je hebt css 1, css 2, css 2.1 en css 3.
Maar voor je echt gaat wanhopen: dit zijn gewoon precies dezelfde talen. Het zijn gewoon verschillende versies. css 2 (versie 2) is 'n uitbreiding van css 1. Op het moment is css 2.1 in alle grote browsers vrijwel volledig verwerkt (Safari, Google Chrome, Firefox, Opera, Internet Explorer 8). Internet Explorer 6 en 7 lopen hopeloos achter en geven vaak problemen, vooral IE 6. Ook daar leer je vanzelf mee om te gaan door vragen en proberen. En hopelijk is dat kreng snel verdwenen.
Alles wat in css 1 werkte, werkt ook in css 2. Enz. Er zijn wat kleine uitzonderingen, maar dat gaat dan om dingen die in de praktijk gewoon niet bleken te werken en toch al genegeerd werden.

Internet Explorer 8 heeft met enorme achterstand de minste ondersteuning van css en html. Op het ogenblik wordt gewerkt aan de standaard voor css 3. Die wordt al geleidelijk aan geïmplementeerd in alle browsers, behalve IE 8. Microsoft heeft tot nu toe ook geen plannen om css3 in IE 9 te implementeren, behalve - van alle honderden leuke nieuwe dingen - ronde hoeken. Gelukkig zijn er door vele mensen allerlei oplossingen met JavaScript en zo bedacht, waardoor IE 8 ook 'n beetje mee kan komen. Microsoft zelf lukt dat kennelijk niet.
Maar goed, dat zijn dingen die je allemaal vanzelf wel gaat tegenkomen.

Edit: op die pagina waarnaar ik link staan ook links naar de officiële specificaties van html, css, enz. Maar die zijn eigenlijk alleen maar leesbaar als je dezelfde afwijking hebt als mensen zoals ik:p
Klik om te vergroten...



Hartelijk dank ik ga lekker bezig en ga er vanuit dat ik op dit moment voldoende antwoord -en informatie heb om verder te kunnen. Wat mij betreft mag de vraag voorlopig zijn opgelost

Vriendelijke goet,
Baukjen
 
Mooi. Het opgelost-zijn moet je zelf even aan geven aan de rechter onderkant.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan