U hoeft te maken van tabellen voor een twee-kolom lay-out. U kunt hen met trapsgewijze opmaakmodellen (CSS). Hier is hoe te maken van een doos van 800-pixel-wide div met twee gelijke kolommen die is gecentreerd op het browserscherm.
Wat die u nodig hebt
- Een HTML-editor of Kladblok
- Basiskennis van de CSS
Open Notepad of de HTML-editor en typ het volgende in een nieuwe, lege document:
Vervolgens typt u het volgende:
Nauwe uit de
sectie met de volgende code:Afwerking codering van uw twee-kolom lay-out met het volgende:
<div id="leftcolumn">Put left column content here</div><div id="rightcolumn">Put right column content here</div>
- Zorg ervoor dat de doctype toevoegen als de eerste regel van uw code. DOCTYPE is de verkorte naam voor de definitie DTD (Document Type), die vertelt browsers, zoekmachines en andere tools ontleden uw pagina welke versie van (X) HTML gebruikt. Dit stelt een standaardmodus parseren en elimineert het giswerk voor de browser of ander gereedschap parseren van uw pagina. Wilt behouden uw code compatibel met nieuwe Web-standaarden, gebruikt u alle kleine letters voor alle uw HTML-codes. Aanpassen van de trapsgewijze opmaakprofielen in desectie te zetten Maak een achtergrond voor de pagina stelt u de tekengrootte en de stijl, ruimte rond de kolommen zetten, drop in een achtergrondafbeelding of andere esthetische aanpassingen.
- Zorg ervoor dat u het juiste Document Type Definition voor uw HTML-bestand of het niet correct wordt weergegeven in de browser. Er zijn vele types van HTML-documenten, met de meest voorkomende is: HTML 4.01 Strict, HTML 4.01 Transitional en XHTML 1.0 Strict. Om ruimte te creëren rond uw kolommen, moet u de breedte van elke kolom verminderen. Bijvoorbeeld, als u een linker en rechter marge van 10 pixels voor elke kolom wilt, de breedte van elk van de kolommen instellen tot en met 380 px. Vervolgens stelt u de linker- en rechtermarge tot en met 10 px in trapsgewijze opmaakprofielen. Anders verschijnt de rechterkolom lager op de pagina links.