Hey guys,

 

I'm currently making myself a simple portfolio homepage that right now looks like this:

 

http://www.nejvdesign.se/nc/

 

I'm pretty satisfied with it but I would like my images in different sizes according to the second frame in this picture:

 

 

I'm not the best at coding so I'm doing most of my stuff in dw.

The problem occurs because dw handles my thumbnails as if they were on some kind of textline.

 

I'd like to know how to place them freely without any constraints and still maintaining the imageswap and the lightbox-link.

 

The problem is visible in:

 

http://www.nejvdesign.se/nc/arch/

and in

http://www.nejvdesign.se/nc/photo/

 

In the last one i'm looking to control the sizes of the images so that they all align at the right side instead of the current jagged edge.

 

Hopefully this is solveable without changing languages.

Here's an example of images in an irregular layout where the whole area of the images is clickable:-

http://www.wickham43.com/forumposts/imagelinktest4.html

 

The first 4 are background-images but 4a is an img image link to show that it can be done two ways

 

but I'm not sure how you would include the lightbox image swap so it's probably only the first stage.

 

Edit: the span style with display: inline-block; text-indent: -9999px; is there so that blind people using a screen reader who can't see the image links can read the link text, but the link text doesn't show over the images because it's been pushed way outside the left of the screen.

Edited January 24, 201115 yr by Wickham