ugrás a tartalomhoz

Div igazítás

alkony4 · 2015. Dec. 10. (Cs), 10.47
Tiszteletem!

Szeretném az alább linkelt div stukatúr előállítani amennyiben lehetséges css-el.
Létezik rá megoldás, esetleg flex-el?

http://www.kepfeltoltes.hu/151210/divstructure_www.kepfeltoltes.hu_.png

Segítségeteket s megtisztelő válaszotokat köszönöm.
‹ Gyorsitótározás, webhely-adatok mentésének letiltása Kép lekerekítése CSS-ből ›
 ■
1

Én sajnos nem tudom a

mahoo · 2015. Dec. 11. (P), 22.08
Én sajnos nem tudom a választ, de egyébként mi a célod ezzel?

Csak mert az jutott eszembe, hogy ha pl. hirdetéseket szeretnél megjeleníteni négy hasábban, akkor generáláskor lehetne figyelni, hogy melyikben mennyi a tartalom és annak függvényében elhelyezni azokat.
Vagy teljesen más a feladat?
2

<ul> <li>Excepteur sint

asam9 · 2015. Dec. 12. (Szo), 00.06
<ul>
    <li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
    <li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
    <li>Lorem ipsum dolor sit amet</li>
</ul>
ul {
    width: 900px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
li {
    display: inline-block;
    width: 200px;
    background: #eee;
    margin-bottom: 10px;
    padding: 10px;
}
Szerk.: Közben rájöttem, hogy neked a sorrend a fontos most, mert pp megadta a választ neked az előző témában, sorry.
3

Elnézést a kései válaszért

alkony4 · 2015. Dec. 16. (Sze), 08.42
Elnézést a kései válaszért csak a sok munka :D
Valóban valami hasonlóra lenne szükségem amit mellékeltél nekem köszönöm szépen, de annyi módosítással, hogy nem fentről lefelé mennek a sorok hanem balról jobbra.
Az kivitelezhető valahogy?

Előre is köszönöm a válaszotok.