Pagalbos dėl UL ir LI

Sveiki, man su dizaino kodavimu yra labai nekas, todėl prašau jūsų pagalbos, žinau, kad galbūt atsiras nors vienas, kuris nepagailės 5min savo laiko ir suteiks man atsakymą į klausimą:

kaip padaryti turinio dėstymą naudojant <ul> ir <li> tagus + css stilių jame nurodant?

man norisi padaryt tokį dalykėlį, bet nežinau kaip tas dėstymas veikia, kad man rikiuotų tik 3 divus į eilutę, jei netelpa, keltų į kitą eilutę. Suprantu, kad turėtų būti kažkoks width fiksuotas, bet kiek bandžiau nieko nesigavo

Konteinerio, kuriame yra tas sąrašas, plotį padaryk tokį, kad tilptų ne daugiau kaip 3 paveiksliukai, tada automatiškai perkelt kas ketvirtą į naują eilutę. Gal net užtektų pačio <ul> plotį pakeisti, o ne išorinio konteinerio.

Kad <li> rodytų vienoj eilutėj, per CSS priskirk display į vieną iš šių: inline, inline-block, inline-flex – priklausomai kuris geriausius rezultatus duoda.

Konteinerio, kuriame yra tas sąrašas, plotį padaryk tokį, kad tilptų ne daugiau kaip 3 paveiksliukai, tada automatiškai perkelt kas ketvirtą į naują eilutę. Gal net užtektų pačio <ul> plotį pakeisti, o ne išorinio konteinerio.

 

Kad <li> rodytų vienoj eilutėj, per CSS priskirk display į vieną iš šių: inline, inline-block, inline-flex – priklausomai kuris geriausius rezultatus duoda.

šaunu, tikrai pavyko. ačiū.

gal žinai, kaip daryti tarpus tarp divų?

turiu tokį kodą, ir man atvaizduoja taip: http://pikst.lt/news

.title {
background: 	#ffa200;
   float:			left;
   width:			285px;
height:			30px;

}

o norėtūsi, kad būtų tie tarpeliai, kaip nuotraukoje

Šitai gali atlikti keisdamas margin (paraščių) dydį. Daugiau apie tai ir CSS „dėžutės“ modelį w3schools saite.