Problems arranging thumbnails on page
-
We are attempting to place thumbnails on a page to link to photo galleries. The thumbnails appear and work as links as intended, but their placement is erratic. Inserting at the end and making them all left aligned, we thought they would just line up in the order inserted. We are missing something. Any help would be appreciated.
The blog I need help with is: (visible only to logged in users)
-
Do you want the thumbnails to display in a grid or just in a line down the left side of the page? If you want a grid where each image links to a separate gallery, you’ll probably need to use a table. If you just want them to go in a column down the page, adding each one to a separate line and marking it left aligned should do the trick.
Can you send a link (or screenshot if you don’t want to publish a post) demonstrating what’s happening now?
This tool makes sharing screenshots pretty easy: http://snag.gy/
-
Liz, thank you for responding! You can see what is happening by clicking on the blog link in the post and clicking on the Photo page.
I want the thumbnails in a grid. A table would be the way I would go about it in HTML. This is the embarrassing part, I had this or a very similar problem once before and the solution was simple and did not require my creating a table. For the life of me, I cannot remember how I solved the problem before. Old timer’s disease is getting the best of me.
-
Well, I’m not sure this will work long-term or on every sized screen, but if you don’t want to try a table, you might try this. instead of making them all left aligned, try using “align none” and then manually putting space (say 5-7 spaces) between each image. I tried this on my test blog and it was mostly successful–although you have way more images and are using captions, so your milage may vary.
It’s also a fairly ugly hack–anytime you use the space bar as a design tool, you are pretty much asking for trouble. It would really be much better to put them in a table. If you don’t want to do it by hand you might try a table generator like this one: http://www.tablesgenerator.com/html_tables
- The topic ‘Problems arranging thumbnails on page’ is closed to new replies.