logo
  Kolommen
 
1 Hier staat kolom 1 en je ziet dat het er mooi uit ziet. Veel, heel veel is hier aan te passen, je moet alleen iets van CSS weten
2 hier staat kolom 2 en ik heb er een streep bij gezet als een soort schijdingslijn, want anders kan men het wel eens verkeerd lezen.
3 Dit is al weer kolom 3 en je ziet je kan hier heel veel mee bewerken en doen. Je kan er ook foto's bij zetten als je wilt.


3 Kolommen maken zonder een table te gebruiken is mogelijk door een div en css te gebruiken en het is makkelijker dan je denkt.

 
IN DE CSS
.kolom1, .kolom2, .kolom3{
color:#000000;
background:#ffffff;
border-left:1px solid #6098E7;
padding-left:5px;
padding-right:5px;}
.kolom1, .kolom2, .kolom3{
float:left;
width:200px;
height:100px;
margin:0px;
overflow:auto;}

 
TUSSEN DE BODY TAGS
<div class="kolom1">hier tekst</div>
<div class="kolom2">hier tekst</div>
<div class="kolom3">hier tekst</div>

 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Dit zijn 3 rijen naast elkaar op volledige breedte en gemaakt in div's. Ik heb speciaal even een border er om heen gedaan, zodat je goed kan zien waar die borders zitten.
 
IN DE CSS
.div1 { float: left; width: 33.1%; height: 100%; margin-left: 1px;}
.div2 { float: left; width: 33.1%; height: 100%; margin-left: 1px;}
.div3 { float: left; width: 33.1%; height: 100%; margin-left: 1px;}

 
TUSSEN DE BODY TAGS
<DIV CLASS="div1">Tekst 1e rij</DIV>
<DIV CLASS="div2">Tekst 2e rij</DIV>
<DIV CLASS="div3">Tekst 3e rij</DIV>

 
eind