Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: 2 div'ai vienoje linijoje

Parašė Faitas.· 2011 Bir. 30 22:06:03
#1
Sveiki. Koduoju dizainą ir dabar yra taip: Yra contain_top, contain_inside (daromas su repeat-y) ir containt_bottom.

Vaizdas yra toks: http://clip2net.com/s/11SBv . Aš noriu, kad tos 2 knygos būtų vienoje linijoje. Darau taip:


#similar_book_bg {
	background-image:url('images/similar_books/similar_books_photo_bg.png');
	background-repeat: no-repeat;
	width: 136px;
	height: 226px;
	margin: 0 5px 0 0;
        float: left;
}


Bet tada išeina iš containt_inside, galvoju, kad problema yra su repeat-y, kaip jūs manote?

Vaizdas: http://clip2net.com/s/11SCk . Bandžiau ir su display: inline; ir su float ir kitais būdais, bet nieko. :?

EDIT: Kai nekartoju bg, viskas būna gerai :)
Redagavo Faitas.· 2011 Bir. 30 22:06:20

Parašė lite13· 2011 Bir. 30 22:06:40
#2
Išclear'ink div'ą :)

CSS:


.clear {
clear: both;
}

Parašė Faitas.· 2011 Bir. 30 22:06:58
#3
Ne, nepadėjo. :) (Min. privalomas ilgis: 20 simbolių)

Parašė Ponas24· 2011 Bir. 30 22:06:09
#4
Ne, nepadėjo. (Min. privalomas ilgis: 20 simbolių)

Gal pabandyk position:relative; :?

Parašė lite13· 2011 Bir. 30 22:06:37
#5
Gal ne taip panaudojai, turėtų html būti taip:

dar viduje to containt_inside, po tų knygų div'ų <div class="clear"></div>

Parašė Faitas.· 2011 Bir. 30 22:06:19
#6
Ne nepadėjo :) (Min. privalomas ilgis: 20 simbolių)

Daumis13 - dėkui, padėjo :) Galėtum gal biški apšviesti ką ši funkcija reiškia? :)
Redagavo Faitas.· 2011 Bir. 30 22:06:14

Parašė lite13· 2011 Bir. 30 23:06:53
#7
Faitas. parašė:
Ne nepadėjo :) (Min. privalomas ilgis: 20 simbolių)

Daumis13 - dėkui, padėjo :) Galėtum gal biški apšviesti ką ši funkcija reiškia? :)


http://www.w3schools.com/css/pr_..._clear.asp - čia plačiau viskas aprašyta, apie visus atvejus :)

Jei papraščiau tai šiuo atveju parodo, kad lygiavimas (float: left) baigtas ir jis nebebus reikalingas, taip "įstūmiant" į kito divo vidų. Jei ir tai nebūtų panaudota kito div'o viduje, vistiek reiktų clear'inti, nes priešingu atveju žemiau esantys div'ai liptų ant viršaus. :)

Parašė Faitas.· 2011 Bir. 30 23:06:06
#8
Dėkui, labai padėjai :)