Forums

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

Home Forums CSS Creating a CSS Mosiac grid structre

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #33589
    rohitrmehta
    Member

    Hello,

    I have a challenge at hand. I want to create a interaction model something similar to – http://wonderwall.msn.com/
    I want to create a css grid structure where images – 160×160 will float next to each other. A bigger Image about 330×330 will come in in center. I want to create a grid which is similar to wonder wall. Please help me how to do it.

    #83745
    TheDoc
    Member

    I’m not sure if you’ll be able to be totally specific, but if you want something flexible this is what you want:

    http://masonry.desandro.com/

    #83754
    stevendeeds
    Member

    I agree with @TheDoc . You’re looking for the jQuery masonry plugin.. that’s gonna be your best bet.

    #83757
    chrisburton
    Participant

    My favorite website using it: http://naomiatkinson.com

    #83758
    rohitrmehta
    Member

    Thanks all… masonry is really helpful. Another example is http://www.jwt.com :)

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