| Autor | Zpráva | ||
|---|---|---|---|
| kedarot Profil |
#1 · Zasláno: 27. 10. 2014, 08:41:06
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 * |
#2 · Zasláno: 27. 10. 2014, 11:06:20
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 |
#3 · Zasláno: 27. 10. 2014, 11:29:05
|
||
| anonymníí Profil * |
#4 · Zasláno: 27. 10. 2014, 11:32:02
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".
|
||
|
Časová prodleva: 3 dny
|
|||
| kedarot Profil |
#6 · Zasláno: 30. 10. 2014, 06:53:02
Děkuji za rady ;)
|
||
|
Časová prodleva: 10 let
|
|||
0