heeft het Zelfstudiehandboek websites ontwikkelen geschreven. Bekijk de inhoudsopgave en de voorbeeldbestanden, de extra tips, de aanwijzingen voor CS5 en noteer vooral de errata :-(

Tips

Hier vind je tips en aanvullingen bij de onderwerpen uit het boek. Onderwerpen die in de trainingen aan de orde komen en vraagstukken waar cursisten tegenaan lopen worden hier nader toegelicht. Waar de voorbeelden uit het boek ophouden gaat het hier verder.

CSS layouts

• Div met height: 100%
• Oefening 9 met de middenkolom bovenaan in de HTML-code
• Hybride layout met doorlopende kolommen
• Elastic layout met doorlopende kolommen

CSS layouts - Block-level en Inline

• Overzicht van de eigenschappen van block-level en inline (artikel in blog)
• Margin bij inline en block-level elementen
• Ongewenste margins bij CSS-layouts

CSS layouts - Block Formatting Content

• Margins overlappen maar niet bij float
• Block Formatting Context
• Block Formatting Context (artikel in blog)
• In IE7 en ouder rekt #wrapper zonder clear al mee met floated blocks
• Layout met toegevoegde Block Formatting Context ipv clear

Navigatie

• Variant op oefening 11.1 - Horizontaal menu zonder conditional comment
• Vervolg van oefening 12.3 - Uitklapmenu met collapsed borders
• Bij hoofdstuk 19 - De koppeling van de actieve pagina markeren
• Navigatiebalk met sprites
• Sprites plaatsen met de CSS eigenschap clip

Formulieren

• Variant op oefening 14 - Formulier met lijsten en float
• Variant op oefening 14 - Formulier met Spry Validatie

Diversen

• Line-height in procenten of in nummers
• Mondriaan in een tabel
• Een ander gebruik van conditional comment

Waren de tip nuttig? Vertel het me hier!

Ontwikkelaars tip

De webdeveloper toolbar in Firefox maakt het eenvoudig om je pagina te onderzoeken en biedt ook diverse validators jt.ws/c2

Alle tips

• Tips voor HTML, CSS en Dreamweaver en interessante links
• Meer weten? Verdiep uw kennis met de links uit het boek en meer.
• • Iedere dag een tip
  • Interessante links
  • Meer over RSS