Hoe maak je kolommen met CSS Float



Veel webontwerpers graag gebruik maken van de eigenschap float CSS pagina's die twee of meer kolommen te maken. Kolommen op webpagina's zijn nuttig voor zowel de organisatie van de inhoud en visuele presentatie. Kolommen host vaak navigatie menu aan de linker- of rechterkant van de pagina, een ontwerp kunt u in veel blogs of websites zoals Amazon shopping. Kolommen kunnen uw website een professioneel uiterlijk geven en kunt u het weergeven van meer informatie boven de vouw.

Wat Float doet

  • De CSS-eigenschap float neemt een element uit het normale verloop van de website. Browsers nemen normaal blokelementen die ze in HTML-documenten--zoals vinden

    ,
    ,
    and

    -- en hen een na de ander verticaal weergeven. Drijvende vermogensbestanddeel naar rechts of links neemt dat element uit de normale stroom en plaatst u deze aan de rechterkant of linkerkant van het element waarvan het deel, bijvoorbeeld uitmaakt, deof een

    . Inline elementen binnen andere elementen die het bevat element bevat zal wrap rond het floated element. Als u bijvoorbeeld eensectie met twee
    s en zweven een aan de rechterkant, de tekst van de niet-dreef
    rond de floated zal teruglopen.

Hoe te zweven een Element

  • Beslissen welke inhoud u wilt worden opgenomen in uw kolom en omsluiten het zoals in een block-level element

    of
    . Geven de
    of
    een id. Bijvoorbeeld,

    inhoud inhoud inhoud

    Vervolgens beslissen welke kant van het scherm u wilt dat de kolom te zweven aan. In je externe stylesheet of in de

  float: left; } 
Labels:

Gerelateerde Artikelen

Hoe maak je kolommen met behulp van div-Tags

Hoe maak je kolommen met behulp van div-Tags

Div-tags hebben een breder scala van functies dan de gemeenschappelijke HTML-codes. Maakt u een veelzijdige website als u dit soort gereedschap gebruikt. Regelmatige HTML-tabellen zijn moeilijk te ontwerpen en zijn niet zo flexibel. Div-tags zijn ond
Hoe maak je kolommen met lijnen in Word

Hoe maak je kolommen met lijnen in Word

Bij het maken van een nieuwsbrief of brochure, kan een groot blok van tekst worden saai en zelfs irritant om te lezen. In plaats daarvan moet de tekst in kolommen ruimtebesparende en visueel aantrekkelijke uitvoeren. Microsoft Word bevat een functie
Hoe maak je kolommen met tabs in Word

Hoe maak je kolommen met tabs in Word

Microsoft Word is een populaire tekstverwerkingsprogramma, die bij de bundel van de software van Microsoft Office wordt geleverd. Word kunt gebruikers moeten typen en opmaken van documenten voor verzending via e-mail of afdrukken en kan een waardevol
Hoe maak je gehaktbrood met Ketchup

Hoe maak je gehaktbrood met Ketchup

Waarom zou je willen weten hoe maak je gehaktbrood met ketchup? Omdat meatloaf het ultieme comfort food is, en mensen hebben geboekt gehaktbrood met ketchup voor generaties. Vele topchefs hebben geprobeerd te maken gehaktbrood meer verfijnde en chiqu
Hoe maak je kolommen breder in Excel

Hoe maak je kolommen breder in Excel

Er zijn vele manieren om het aanpassen van een werkblad in Microsoft Excel. Weten hoe maak je kolommen breder in Excel is belangrijk bij het bouwen van spreadsheets, want het is heel gebruikelijk voor tekst of getallen niet passen in een cel. Als je
Hoe maak je films met QuickTime

Hoe maak je films met QuickTime

Tijd doorbrengen met familie en vrienden kunnen enkele van de meest waardevolle momenten in ons leven. Die momenten vast te leggen maken herinneringen die generaties lang zal duren en u kunt genieten en deel ze met anderen. Volg de onderstaande stapp
Hoe maak je gehaktbrood met kaas

Hoe maak je gehaktbrood met kaas

Gehaktbrood is één van de meest geliefde voedsel van het comfort rond. Het is gevormd uit gemalen rundvlees, vermengd met verschillende ingrediënten en gebakken in de vorm van een brood. Er zijn vele experimenten met gehaktbrood recepten, zoals kaas
Hoe maak je limonade met Agave Nectar

Hoe maak je limonade met Agave Nectar

Goede, ouderwetse limonade is een zomer-traditie. Voor sommige mensen is het een het hele jaar door drank. Maken van limonade met suiker is de norm, maar kun je een gezondere versie van limonade met agave nectar. Agave nectar is een zoetstof gemaakt
Hoe maak je Spaghetti met kip

Hoe maak je Spaghetti met kip

Voor mensen op zoek naar een nieuwe manier om spaghetti, is kip spaghetti ideaal. Het is uit met het gemalen rundvlees, en met de kip. Met behulp van kip in plaats van gemalen rundvlees met uw spaghetti is een gezonde manier om te genieten van een ma
Hoe maak je stoofvlees met geen rundvlees voorraad

Hoe maak je stoofvlees met geen rundvlees voorraad

Stoofvlees is een klassieke zelfgemaakte favoriet. De trage kookproces maakt vochtige beten van hartige vlees en de groenten gekookt met het vlees alleen verbeteren de maaltijd. Veel stoofvlees recepten noemen voor rundvlees voorraad, maar er zijn ta
Hoe maak je dingen met kauwgom folie

Hoe maak je dingen met kauwgom folie

Hoe maak je dingen met kauwgom folie. Een snelle amusement als je je verveelt is om dingen met kauwgom folie te maken. U kunt maken van alle soorten objecten die nuttig, dom of gewoon platte oneven zijn-- maar wees gewaarschuwd--gom folie ambachtelij
Hoe maak je een webpagina CSS

Hoe maak je een webpagina CSS

De meeste websites gebruiken tegenwoordig een combinatie van CSS (Cascading Style Sheets) en HTML (Hypertext Markup Language) of XHTML (Extensible Hypertext Markup Language). Terwijl de HTML/XHTML behandelen de structuur en de inhoud van uw site, wor
Hoe Maak opstartbare CD met NERO

Hoe Maak opstartbare CD met NERO

Hier is hoe maak je een bootable CD met Nero voor Windows XP.Wat die u nodig hebtEen lege CDISO-bestandNaar Start Nero: Klik op Start > programma's > Ahead Nero en Selecteer Nero Burning Rom.Als de Nero Wizard wordt geopend, sluit u de wizard met de
Hoe maak je kolommen in verschillende maten in HTML

Hoe maak je kolommen in verschillende maten in HTML

De inhoud van een website in rijen en kolommen te schikken is een van de grootste troeven van HTML als een coderingtaal. Met slechts een kleine hoeveelheid code, kunt u zichtbaar of onzichtbaar kolommen en rijen voor het opmaken van de inhoud van uw