Hi
I am populatin a gallery with images whos paths are stored in mysql table.

I would like the images not to be all lined up but sort of 'higltypiglty'; sort of arranged in a messy fashion if you get me.
At the minute they are all lined up level. Is there a way to arrange them in this way using css?

This is the css I have at the minute.

#thumbs{
    width:850px;
    background-color:#ffffff;
    margin-top:20px;
    margin-left:0px;
}                            //This is the parent element that all images are inside

 div.thumb{
    float:left;
    margin-right:20px;
    margin-bottom: 40px;
}                             //this is the div that each image is inside

  img.thumbnail{
  -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    border-radius: 10px;
  }                            //This is the css for the imaages

Thanks for looking!.................

A quick search online results in an example I found that appears to be inline with what you are asking about.

Take a look at this: line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.