Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need help in CSS / JavaScript maybe. !!

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #43625
    rcklmr
    Participant

    This is the code:

    <.div>
    <.div id="a" style="height:100px;">1
    <.div id="a" style="height:150px;">2
    <.div id="a" style="height:100px;">3
    <.div id="a" style="height:150px;">4
    <.div id="a" style="height:100px;">5
    <.div id="a" style="height:150px;">6
    <.div id="a" style="height:100px;">7
    <.div id="a" style="height:150px;">8

    What i want is for the div’s to occupy the spaces below each divs. like in this site: http://www.vingle.net/

    can css handle it or maybe add some javascript?
    Please help.

    #129494
    chrisburton
    Participant

    Remove the periods before the divs. That markup is invalid as is. Also, it would benefit you if you just created a stylesheet and put your CSS in that. Don’t use inline styling. It’s a hassle.

    Take a look at masonry.js

    #129495
    rcklmr
    Participant

    i did it on purpose because the code wont preview here. Just take the periods and it’ll generate.

    #129496
    rcklmr
    Participant

    Thanks Chirs! this is what im looking for :)

    #129497
    Podders
    Participant

    jQuery Isotope is another good masonry type script to take a look at

    http://isotope.metafizzy.co/

    #129498
    rcklmr
    Participant

    Thanks Chris and Pooders. Learned something new again :).

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.