Autor Zpráva
Monkeys
Profil *
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 *
A je vůbec potřeba řešit výšku toho divu? Nechte div, ať se přizpůsobí obsahu.
Marschmallow
Profil
scheras:
Přesně tak, nebo zkus procenta, ale neumím si to představit.
Str4wberry
Profil
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 *
Ok Dakujem Vam

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: