[blakker]

#html5 #css

Jest ktos w stanie pomoc mi ogarnac / zrozumiec co robie tutaj zle?

Chce zrobic 3 kolumny gdzie mam odstep pomiedzy nimi, aby nie najezdzaly na siebie lub sasiednie bloczki na gore lub w dol typu header/footer

.offers-container {width:1117px;
margin:0 auto;
}
.cl-one-offers,.cl-two-offers, .cl-three-offers {max-width: 33.33%;height: 300px; border: 1px solid; padding: 10px;}

.cl-one-offers {float: left;
background-color:red;

}
.cl-two-offers{background-color:yellow;
position: relative;
display: inline-block;

}
.cl-three-offers{background-color:blue;

float:right;
}

moj aktualny kod

[andale]

@blakker: Zamiast max-width zrób width albo dodaj width:100%. Zresztą teraz to się robi na css grids ( ͡° ͜ʖ ͡°)

[blakker]

@andale: No tak ale chodzi bardziej o brak odstepu miedzy tymi kwadratami jeden mialby byc float left, trzeci float right, a ten srodkowy inline block. ;x

[andale]

@blakker: Jeśli chcesz inline-blockiem, to na kontenerze zrób text-align:center

[blakker]

@andale: a jaki najlepszy sposob? :P

Ogolnie pierwszy raz widze te gridy xD

[andale]

@blakker: Kiedyś musi być ten pierwszy raz ( ͡° ͜ʖ ͡°)

[blakker]

@andale: no ale warto np stosowac cos co nie jest juz uzyte w skrypcie?

przykladowy kod z skryptu:


* php echo strreplace('<?'.'=SPPLUGINSITE?', SPPLUGINSITE, $spTextHome['homecont1'])?>

[andale]

@blakker: Wszystko zależy od potrzeb i wymaganego wsparcia https://caniuse.com/#feat=css-grid