I would put them in a gallery but it doesn’t look the content area is wide enough to accommodate all 3 unless you reduce their size.
Thread Starter
andyandy
(@androidandreas)
Thanks. I resized the images to make them all the same size.
I then created a gallery and they all fitted across the page.
Trouble is, how do I now get the separate images within the gallery to link to the pages I want them to? Is the gallery a homogenous image now, when I in fact want to link the three separate images to three separate pages?
Click the gallery in the editor and you can edit the individual images and change the link properties.
You have alignments set on each of the images; remove them all and it will display properly.
On the first you have <img class=”alignleft….”
Second you have <img class=”aligncenter….”
Third you have <img class=”aligncenter….”
Thread Starter
andyandy
(@androidandreas)
Thanks Eric Webrewers.
Eric – are you sating that removing the alignment attributes is an alternative to creating a gallery?
That I will then be able to drag the images exactly where I want them?
if so, do I need to remove exactly thAT code that you have quOted above? I don’t want to remove too much…
Just open the image properties and make sure the alignment is set to “none”. I suggested a gallery because it takes care of the layout for you.
Thread Starter
andyandy
(@androidandreas)
OK, I now have three logos aligned in a column when I want them in a row. It seems there are two ways to go here:
Either
Edit the HTML (which I do not know how to do) so that they align horizontally
Or
take the gallery route – unfortunately it seems there is no option to insert a separate custom URL for each of the three images.
Any ideas?
What’s happening now is you have each image wrapped in a <p> tag (paragraph), so they are dropping down the page. Generally that happens when you hit the enter key which you may have done at some point.
I’d delete all the images, and reinsert them WITHOUT hitting “enter”. So it would be: insert image, use space bar to move cursor a few spaces, insert next image etc.
Make sure they are “alignment:none” in the image properties.
Thread Starter
andyandy
(@androidandreas)
Thanks – I did what you said and images now align horizontally.
One last thing I would like to do is space them evenly across the whole width of the page – I tried using the space bar to do this but it is obviously not that simple and I guess I need to insert HTML code?
That’s why I suggested using a gallery in my first response……
Thread Starter
andyandy
(@androidandreas)
Thankyou – you are right. I have now inserted a gallery and it works.
The problem was that I gave up because I could not see a “Custom URL” option but I used the “Gallery URL” box and it works.
