Autor | Zpráva | ||
---|---|---|---|
Monkeys Profil * |
#1 · Zasláno: 6. 8. 2014, 11:34:04
Zdravim
potreboval by som poradit ako nastylovat boxy s roznou vyskou. Priklad http://patchwork.stylehatch.co/ <div class="gallery-item"> <a href="#" class="item-effect"> <span><img src="image/z5-1407180386.jpg" width="415" height="560" /></span> <div class="type-item"> <p>tst</p> <div class="btn-wrapper"> <div class="kategoria"><span>tesssssstt</span></div> <div class="likes"><span>64</span></div> </div> </div> </a> </div> Sirka divu (.gallery-item) je pevna 415px problemom je vyska. Pri position absolute musim kazdemu divu vlozit inu hodnotu vysky aby to do seba pasovalo da sa to aj neako inak vyriesit ? .gallery-item { position:absolute; top:0; top:0; } Vdaka M. |
||
scheras Profil * |
#2 · Zasláno: 6. 8. 2014, 18:48:52
A je vůbec potřeba řešit výšku toho divu? Nechte div, ať se přizpůsobí obsahu.
|
||
Marschmallow Profil |
#3 · Zasláno: 6. 8. 2014, 19:07:26
scheras:
Přesně tak, nebo zkus procenta, ale neumím si to představit. |
||
Str4wberry Profil |
#4 · Zasláno: 6. 8. 2014, 19:08:02
Tohle se zpravidla řeší tak, že JavaScript projde element po elementu a naposicuje je na příslušné místo. Nebo se vytvoří požadovaný počet sloupců a do těch se elementy postupně rozstrkají, aby byly sloupce přibližně stejně vysoké, potom ale nemůže existovat prvek přes více sloupců.
V odkázaném případě se to místo posicování dělá CSS transformací translate .
|
||
Monkeys Profil * |
#5 · Zasláno: 6. 8. 2014, 20:12:51
Ok Dakujem Vam
|
||
Časová prodleva: 10 let
|
0