Link problem on images

gloogloo · Member · Apr 18, 2011 at 10:37 pm
Copy link

Add topic to favorites
I am for the first time ever, trying to set up a photo blog. While testing out some things I found something that is bothering me. Every time I insert a photo in a post (with a link), the link extends even out of the borders of the image. To see what I mean please check my site here: http://robertoperales.com/blog/ (it has nothing, I am just testing). You will be able to see: the images have a link but the “clickable” space goes even to where there is no more image.

Is there any way to fix this?

Thanks!
airodyssey · Member · Apr 18, 2011 at 11:17 pm
Copy link
Hi. You have a self-hosted WordPress.ORG blog and are in the wrong forum. Please ask your question at http://wordpress.org/support

You are currently in a WordPress.COM forum and our answers will not apply to your situation. Thanks and I hope you find a solution to your problem soon.
mbgrip · Member · Apr 18, 2011 at 11:53 pm
Copy link
Along the same lines I want to set up a photogallery/recipe index. I want people to be able to click on the picture and be taken to the recipe. How can I do that?

Thanks!
raincoaster · Member · Apr 19, 2011 at 2:11 am
Copy link
Do you want it as a Page or as a widget?
mbgrip · Member · Apr 19, 2011 at 2:17 am
Copy link
I want it to be like a gallery on a page, each picture linking to the recipe post it matches.
raincoaster · Member · Apr 19, 2011 at 2:19 am
Copy link
Then I suggest you look into a Table. Put each image in the table and link it to the recipe. It’s going to be a lot of work, though.
mbgrip · Member · Apr 19, 2011 at 11:20 am
Copy link
I’ve read of people using photoshop to create the buttons, is that the only viable alternative?
panaghiotisadam · Member · Apr 19, 2011 at 1:59 pm
Copy link
No, there are also free image editing tools online. But your recipe posts include pictures: you’ll just use some of those. No editing needed – unless you want them all the same shape.

For more detailed help, you need to give us a more detailed description: images how small? one below the other or in rows? post titles above, below or next to each image?
mbgrip · Member · Apr 19, 2011 at 6:54 pm
Copy link
Why would they have different shapes? I was thinking of thumbnail size images in at least large enough so you can see what the image is, in rows like a gallery, with the title below the picture.
panaghiotisadam · Member · Apr 19, 2011 at 7:52 pm
Copy link
They would have different shapes if you used both landscape- and portrait- shaped images, or if your landscape-shaped images weren’t all in the same width to height ratio.

First you click on the title of each recipe post, copy its URL from the address bar of your browser, paste in a simple text file.

Then you go to Media>Library, click on each image you want, copy its URL from the “File URL” field, paste in a simple text file.

Then you go to the page editor, switch to HTML, paste this at the beginning:
<table style="border:none;">

this for each row of images (assuming you want three images per row):
```
<tr>
<td style="border:none;">
<a href="POST1 URL HERE"><img src="IMAGE1 URL HERE" width="170px" /></a>
TITLE1 HERE
</td>
<td style="border:none;">
<a href="POST2 URL HERE"><img src="IMAGE2 URL HERE" width="170px" /></a>
TITLE2 HERE
</td>
<td style="border:none;">
<a href="POST3 URL HERE"><img src="IMAGE3 URL HERE" width="170px" /></a>
TITLE3 HERE
</td>
</tr>
```
and this at the end:
</table>

Fill in actual URLs and titles, click Update.

Try this basic version and tell me what you’d like changed.
mbgrip · Member · Apr 19, 2011 at 7:55 pm
Copy link
Ok I will give it a try, thanks so much!
mbgrip · Member · Apr 19, 2011 at 10:54 pm
Copy link
Amazing that is so great, and the one that I didn’t have three of I just plugged in a generic picture until I can fill that spot. I can’t thank you enough it was very kind of you to do that.

No items found.