Ik ben volledig nieuw op vlak van css (en scripten in het algemeen). Maar voor een pagina template op mijn wordpress site ben ik wat aan het prutsen om drie kolommen te bekomen.

Tot zover ben ik al geraakt (zie bijlage "kolom"). Ik heb de drie kolommen kunnen aanmaken, ze min of meer juist plaatsen. Maar ik krijg ze niet naast elkaar.

css

Code:

.teamentry {
        width: 20%;
        float: left;
        margin-left: 10px;
    }


.teamR {
        width: 50%;
        float: right;
        background-color: #b000de;
        margin-right: 15px;
    }

.teamM {
        width: 20%;
        float: left;
        margin-left: 25%;
        margin-right: 55%;
        background-color: #b0eeee;
}

html:

Code:

<div class="teamentry">
Links
</div>

<div class="teamM">
Midden
</div>

 
<div class="teamR">
Rechts
</div>

Iemand een idee hoe ik dit moet oplossen?
Alvast Bedankt

Als je 3 kolommen naast elkaar wilt kan je gebruik maken van float

Code:

.blok {
     width: 300px;
}
.div1 {
     width: 100px;
     float: left;
}
.div3 {
     width: 100px;
     float: left;
}
.div3 {
     width: 100px;
     float: left;
}

<div class="blok">
     <div class="div1">div1</div>
     <div class="div2">div1</div>
     <div class="div3">div1</div>
</div>

alain je moet de margin weg halen in je teamm div want je overschrijd nu meer dan 100% breedte met al je divs bij elkaar waardoor de volgende float op de volgende regel en niet ernaast komt.

Inderdaad de magin klopte niet, ik dacht dat dat nodig was om het er naast te krijgen, maar zorgt inderdaad voor het probleem.

Bedankt

Welcome en voor meer css problemen kan je altijd contact op nemen.