Help with some HTML Image Links and WP

Associate
Joined
20 Sep 2003
Posts
2,361
Location
Scotland
Wondering if anyone can help me out with a problem I am having trying to link images in my wordpress page. I have the 3 images on a page all linking to their own larger image, setup the links in the wp-admin but when I preview the page it only seems to have linked 2 of them.

http://cruitme.com/projects/nelson/sample-page/international-expertise/

See the code below. I am also trying to sort the url out and get rid of the /sample page/, this was the first page I edited and being the original sample page it has kept this in the slug url and wont let me change it.

Code:
<p style="text-align: left;"><img class="alignright wp-image-2557 size-medium" src="http://cruitme.com/projects/nelson/wp-content/uploads/2015/02/angel-association-angel-investor-300x134.png" alt="angel association angel investor" width="300" height="134" /><a href="http://cruitme.com/projects/nelson/wp-content/uploads/2015/01/news1.png"><img class="alignright wp-image-1815 size-thumbnail" src="http://cruitme.com/projects/nelson/wp-content/uploads/2015/01/news1-150x150.png" alt="Nelson Gray International Expertise Business Angel Press Jordan" width="150" height="150" /></a>Nelson has provided advice to Angel investors, government and entrepreneurs in many countries across Europe and globally [COLOR="Yellow"]*[/COLOR](including the USA, Chile, India, Australia, Kazakhstan and New Zealand). [COLOR="Yellow"]*[/COLOR]He has helped build Angel investment groups and networks in Scotland, Latvia, Jordan, Russia and the West Indies and mentored companies with operations in many international locations including Hong Kong, Dubai, Estonia, and the USA.</p>
A former Vice President of <a title="European Trade Association for Business Angels" href="http://www.eban.org/" target="_blank">EBAN</a>, the European Trade Association for Business Angels he was their Business Angel of the Year in 2008. Currently[COLOR="Yellow"]*[/COLOR]he is also:
<ul>
	<li>A non-executive Director of <a title="Linc Scotland" href="http://www.lincscot.co.uk/" target="_blank">LINC</a>[COLOR="Yellow"]*[/COLOR]Scotland, the Scottish Angel Capital Association - an independent not-for-profit intermediary to promote Business Angel Investing. As Special Projects Director he acts as mentor to new groups and develops tools and procedures to further best practice in Angel investing;</li>
	<li>Trustee of the <a title="Angel Resource Institute" href="http://www.angelresourceinstitute.org/" target="_blank">Angel Resource Institute</a>[COLOR="Yellow"]*[/COLOR](ARI) a charitable organization devoted to providing education and information on best practices in the field of angel investing. Formed in 2006 as part of the evolution of efforts to encourage and support angel investing by the Ewing Marion Kauffman Foundation.</li>
	<li>A Director of <a title="ESEP Ltd" href="http://www.esep.co.uk/" target="_blank">ESEP Ltd</a>[COLOR="Yellow"]*[/COLOR]a UK-based specialist manager of European Union regional development funding programmes, which presently has 37 key experts deployed in-country, operating projects in counties such as Kosovo, Croatia, Macedonia and Turkey;</li>
	<li>A[COLOR="Yellow"]*[/COLOR]member of the advisory panel to the Welsh Government for the establishment of a Development Bank for Wales;</li>
	<li>An adviser to the British Governments $160 million <a href="http://www.angelcofund.co.uk/" target="_blank">Angel Co-investment fund</a>;</li>
	<li>Tasked by the World Bank[COLOR="Yellow"]*[/COLOR]infoDev to develop Angel investing across the Caribbean region.</li>
</ul>
<p style="text-align: center;">[COLOR="Yellow"]*[/COLOR]<a href="http://cruitme.com/projects/nelson/wp-content/uploads/2015/01/spanish-profile1.jpg"><img class="alignleft wp-image-2060 size-medium" src="http://cruitme.com/projects/nelson/wp-content/uploads/2015/01/spanish-profile1-300x199.jpg" alt="Nelson Gray International Experience Business Angel Training Spanish" width="300" height="199" /><img class="alignright wp-image-1816 size-medium" src="http://cruitme.com/projects/nelson/wp-content/uploads/2015/01/news2-300x232.png" alt="Nelson Gray International Expertise Business Angel Training Russian" width="300" height="232" /></a></p>
&nbsp;

&nbsp;

&nbsp;

Much appreciated!
 
Associate
OP
Joined
20 Sep 2003
Posts
2,361
Location
Scotland
Yeah I manually edited the HTML and fixed the links that way but it seems when inserting images via the wp backend and adding links the links carry on to the next image. Another example of this can be found here: http://cruitme.com/projects/nelson/angels-resources/

I would ideally like non HTML tech users to be able to create pages with content and links without having to manually edit the HTML, any idea why this is happening?

Cheers
 
Caporegime
Joined
28 Jan 2003
Posts
39,881
Location
England
I've never personally come across that bug in WP to be honest.

Did you use the add media tab in the edit post/page section? Then edit the behaviour of the image in that tab? I've added numerous images to pages this way and it's never failed me.
 
Associate
OP
Joined
20 Sep 2003
Posts
2,361
Location
Scotland
Yes done by adding media via the Add Media button then selecting the image and clicking edit, allows you set the link to be custom or direct to the media file. When selecting media file it doesn't seem to link to each individual image, rather links to the same link for each image.
 
Caporegime
Joined
28 Jan 2003
Posts
39,881
Location
England
Odd. What version of Word Press are you running?

I've just tried it on one of our Word Press sites adding 4 different images and they all worked fine, are you using a plugin for the lightbox?

Does the media file link not change in that box to the correct address for the image you have clicked edit on?
 
Soldato
Joined
28 Oct 2006
Posts
12,456
Location
Sufferlandria
Are you trying to select all images and edit them all at the same time?

It looks like you have 1 link with multiple images inside it.

This can also happen sometimes if you add and remove the images and links a few times, especially if you switch between the html and visual editor too. It can get confused about where you want to insert the image and put it inside other objects.
 
Associate
OP
Joined
20 Sep 2003
Posts
2,361
Location
Scotland
Im using the latest WP v4.1 and Simple Lightbox plugin, when I try and add images and then link to the "Media File" it seems to use the same link for each image. Going to manually edit the HTML for now.
 
Back
Top Bottom