I am currently trying to set up a filterable portfolio jquery option on my nonworking portfolio. I’m trying to set the images up like puzzle, so they fit together. But I am not all that informative when it comes to working with css. I walked through the tutorial on nettuts to actually incorporate this into my site. The tutorial supposes that you are going to have the same sizes of images. I would rather only have the same width. I’ve taken away the padding and the borders but I need help fitting the images together. I would appreciate any help.
Please take a look and this page isn’t anywhere near done yet and the bg size is huge I need to fix that but am worried about this immediate problem.
You need to make the containing div position:relative and then absolutely position each image.
But to be honest you really need to sort out your layout before you start worrying about your content. It’s difficult to see from your code what you are trying to achieve, divs all over the place, at least one of which that isn’t closed, divs inside lists, divs inside list items and a stray < floating around in there.
You have started off by specifying a container and then gone on to position everything outside of it!?
You might find it easier to wrote your html first and then start adding divs and classes for your styling.