De bovenstaande koppelingen geven een basisnavigatiestructuur aan in een ongenummerde lijst die is opgemaakt met CSS. Als u dit als basis gebruikt, kunt u de eigenschappen aanpassen om de structuur aan te passen aan uw voorkeuren. Als u vlieguit-menu’s wilt gebruiken, kunt u deze zelf maken met een Spry-menu, een menuwidget van Adobe Exchange, of met een van de vele andere JavaScript- of CSS-oplossingen.

Als u de navigatie bovenaan wilt houden, verplaatst u ul.nav naar de bovenkant van de pagina en past u een nieuwe stijl toe.

Instructies

http://195.241.133.16:7777/img/video.mjpeg http://195.241.133.16:7777/img/video.asf -->

Houd er rekening mee dat de CSS voor deze lay-outs veel opmerkingen bevat. Als u meestal in de ontwerpweergave werkt, moet u eens naar de code kijken voor tips over het gebruik van CSS voor vaste lay-outs. U kunt deze opmerkingen verwijderen voordat u uw site start. Lees voor meer informatie over de technieken die worden gebruikt in deze CSS-lay-outs het volgende artikel in Adobe Developer Center op - http://www.adobe.com/go/adc_css_layouts.

Wissen

Omdat alle kolommen zwevend zijn, gebruikt deze lay-out overflow:hidden in de container. Met deze methode kan de container bepalen waar de kolommen eindigen, zodat de randen en achtergrondkleuren die u in de container hebt geplaatst, kunnen worden weergegeven. Als een groot element uitsteekt buiten de container, lijkt het alsof het element is afgekapt. U kunt geen negatieve marges of absolute positionering met negatieve waarden gebruiken om elementen binnen de container te laten vallen omdat elementen ook in dat geval niet buiten de container worden weergegeven.

Als u deze eigenschappen moet gebruiken, hebt u een andere wismethode nodig. De betrouwbaarste methode is om <br class="clearfloat" /> or <div class="clearfloat"></div> toe te voegen na de laatste zwevende kolom (maar vóór de afsluiting van de container). Dit heeft hetzelfde effect.

Voettekst

Als u binnen de container een voettekst toevoegt achter de kolommen, werkt de wismethode overflow:hidden niet. U kunt echter zonder problemen een voettekst in een tweede container buiten de eerste container plaatsen. De eenvoudigste methode is wellicht om te beginnen met een lay-out die kop- en voetteksten bevat en de koptekst te verwijderen om de wismethode van het betreffende lay-outtype in te schakelen.

Achtergronden

De achtergrondkleur van elke div wordt per definitie alleen weergegeven voor de lengte van de inhoud. Als u een scheidingslijn wilt gebruiken in plaats van een inhouds-div, plaatst u een rand aan de zijkant van de inhouds-div (maar alleen als deze altijd meer inhoud bevat).