• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

quick html help

N

narutofan36

Platinum Member
Hi

I was wondering if someone could give me some quick html help. Im trying to build website that looks like a giant photo collage. All my photos have the same widths, but different heights so when I place them in a column, there are gaps between the photos.

I tired googling this, but only found this website but it has left me even more confused.
http://james.padolsey.com/javascript/gapless-wall-of-images/

any help? thanks!
 
Since they're the same width, just create columns (or DIVs if using CSS) and no rows. Stack the images on top of each other in columns separated by <br> or <p> tags depending on the spacing you want.
 
The differing heights is what's causing the gaps and that photo wall is a clever way to solve it. Have you tried implementing that photo wall? It's a javascript and seems pretty easy and very clever. That photo wall will repeat images.
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top