Autor Zpráva
kedarot
Profil
Ahoj, potřeboval bych poradit jak z tohoto:

Udělat toto:

Odkaz na živou ukázku http://kod.djpw.cz/vvgb


Pro jistotu jestě kod zde:
HTML kod
 <body>

    <div id="wrapper">
        <div class="sloupce"><p> <h2>DIV 1</h2> Lorem ipsum</br>
                                                dolor sit amet,</br>
                                                consectetuer adipiscing elit.</br>
                                                Lorem ipsum</br>
                                                dolor sit amet,</br>
                                                consectetuer adipiscing elit.</br>
                                                Lorem ipsum</br>
                                                dolor sit amet,</br>
                                                consectetuer adipiscing elit.</br> </p>
        </div>

        <div class="sloupce"><p> <h2>DIV 2</h2> Lorem ipsum dolor sit amet,</p>
        </div>

        <div class="sloupce"><p> <h2>DIV 3</h2> Lorem</br>
                                                ipsum dolor sit</br>
                                                amet, consectetuer adipiscing</br>
                                                elit. Nunc dapibus</br>
                                                tortor vel mi</br></p>
        </div>

        <div class="sloupce"><p> <h2>DIV 4</h2> Lorem ipsum dolor sit</br>
                                                amet, consectetuer</br></p>
        </div>

        <div class="sloupce"><p> <h2>DIV 5</h2> Lorem ipsum dolor sit amet</br>
                                                consectetuer</br>
                                                adipiscing elit. Nunc dapibus tortor</br>
                                                vel mi dapibus sollicitudin.</br>
                                                Curabitur vitae</br>
                                                diam non</br> </p>
        </div>
        <div class="sloupce"><p> <h2>DIV 6</h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tortor vel mi dapibus sollicitudin. Curabitur vitae diam non enim vestibulum interdum. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.</p></div>
    </div>

</body>

CSS kod
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-decoration:none;
    list-style:none;
}

h2 {
    text-align:center;
    color: #FFFFFF;
}

#wrapper {
    width:1100px;
    height: auto;
    background: #FFC2C2;
    float:left;
}

.sloupce {
    width: 350px;
    height:auto;
    float:left;
    background: #CC0000;
    margin:5px;

}
anonymníí
Profil *
kedarot:
Aniž bys ručně dopočítával výšky bloků (JS), tak to nelze.

V CSS3 je alternativa v podobě sloupců (hledej), tam ale bude řazení ve formě
1-3-5
2-4-6
Tomáš123
Profil
kedarot:
Ja by som to riešil takto.
Podstata je v rozdelení na stĺpce a články resp. riadky.
anonymníí
Profil *
Tomáš123:
Tohle řešení je pro ruční správu fajn (ironie), pro automatický výpis v šabloně si to nějak nedovedu představit. Můžeš prosím rozvést?
Tomáš123
Profil
anonymníí:
Můžeš prosím rozvést?
Keďže nie som programátor, asi bude môj postup nereálny:
Možno by to šlo pomocou príkazu for... Pridanie článku = zväčšenie čísla stĺpcu, do ktorého sa má ukladať a následne podmienka, ktorá špecifikuje koniec t.j. ak bude stĺpec rovný "3" ďalšie číslo v poradí bude "1".
kedarot
Profil
Děkuji za rady ;)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: