How do you get thumbnail pictures to appear in a row?

  • 2
  • Question
  • Updated 10 years ago
  • Answered
I'm finding it very difficult to get thumbnail pictures in a row on my site. I've tried the instructions on the support pages on Synthasite, but the pictures just appear in a collumn instead.

Anyone else found building this part of the website frustrating? I've pressed the spacebar once as it suggests to leave a small space, then inserted another picture, but I'm just getting a long strip of pictures going downwards!
Photo of tels7

tels7

  • 19 Posts
  • 0 Reply Likes
  • frustrated

Posted 11 years ago

  • 2
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi tels7

I am sorry you are having a hard time with your thumbnails. We would like to work on features to make this process easier in future.

However, you should be able to add images in a row using the text widget.

Can you let me know the following:
1) Which style are you using?
2) What are the dimensions of your thumbnails? I wonder if they are too big, which is why the images are being placed under each other.

Please get back to me so I can see there is anything I can help with.
Photo of tels7

tels7

  • 19 Posts
  • 0 Reply Likes
Hello Monique.

Thanks for taking an interest in my post. Fortunately, I've now managed to master the art of getting thumbnails to appear side-by-side. I'm not sure how I've done it, practice I guess!

I recommend to anyone to persevering with it for a while.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Great stuff. I am glad you were able to get it to work.
Photo of clouda9

clouda9

  • 323 Posts
  • 3 Reply Likes
It is like getting an award when you figure something out! You are a pro now!
Photo of Jenn

Jenn

  • 1 Post
  • 0 Reply Likes
Hello-
Please help.. I am trying the same thing, and can not get it to work. How do you put this space in?? All I get is lots of .gif files in a list of different boxes on top of each other. This is frustrating....
Thanks...
Photo of tels7

tels7

  • 19 Posts
  • 0 Reply Likes
You have to try and get the cursor located a space after the picture. I found that when I inserted a picture, the cursor was placed right after the image, so when you insert another, it appears next to it without a space. Try inserting a picture, and then pressing the spacebar a couple of times, and then try adding another pic.

It is a bit tricky Jenn, but if you keep trying, you'll probably get it right in the end!
Photo of Brenda Taylor

Brenda Taylor

  • 2 Posts
  • 0 Reply Likes
I am also frustrated with adding pictures side by side and resizing the so they are the same. I have absolutely no experience and have spent two hours without success.
Photo of clouda9

clouda9

  • 323 Posts
  • 3 Reply Likes
Brenda,

First and foremost....breathe! Learning HTML and fixing your website up can bring on tons of angst. Promise you, if you take a step back, drink a cup of tea...kind of like looking for those 'lost keys' that are right there where you left them..and review your work I am hedging a bet you'll find a missing dot, comma, quote mark, jpg, etc. If you are struggling with the basics of how to use HTML I highly recommend checking out this link: http://www.tizag.com...I have learned tons just by browsing the pages this site offers. Plus this is a pretty cool site to make your pictures into mosaics that you can copy and paste with HTML widget into your site: http://bighugelabs.com/flickr/mosaic.php (Flickr not required to use this tool). Check out my picture mosaics on my site: www.klouda.us/Flickr.php. Hope this helps...happy thoughts ---> your way!
Photo of veronica30274

veronica30274

  • 3 Posts
  • 0 Reply Likes
What if you are not using html, not intentionally? I am using the template which does not require me to type in code, only point and click. When following their tutorial, I am having zero luck at getting pics side by side.
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Brenda, you could also take a look at this tutorial http://www.synthasite.com/tutorials/a... which shows how to add pictures side by side. I find the screen shots really help people to understand the process.

Please email us in support if you continue to have trouble with this.
Photo of veronica30274

veronica30274

  • 3 Posts
  • 0 Reply Likes
I have looked at the above tutorial several times, but it is NOT correct. What is says will happen does not happen. You create a text box, then drag images into it. Problem is, a new box opens for each new image! I cannot figure this out, and I have tried everything to get 3 pics in a row.
Photo of Thrundar

Thrundar

  • 195 Posts
  • 0 Reply Likes
What I do is drop in a 2 column layout, then drop in another 2 column layout INSIDE each of the columns, then I go back and drop in my pictures. These work good for images 150X150 in approximate size. This will get you 4 images across...Make sure all of your images are the Same size. If not, you can edit them in Piknic
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Veronica

If you are adding images in a text box you do not drag images into it. You click "insert image" on the text editing toolbar each time you want to add a new image. I am sorry about the confusion and I will carefully review the tutorial to see that it is correct.

Here is a screenshot of several images added in a row by dropping a text widget and clicking "insert image" on the text editing toolbar.



Please let us know if this clears things up for you or if you are still having trouble.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Here is the icon on the text editing toolbar you need to click to add additional images inside a text box. It is the one in the middle that looks like a tree inside a picture frame.