Stopping Header Image Being Clickable

[markh7]

Morning All,

I wondered if anyone could advise on an issue that I am experiencing please.

Having used an image file as a header, I am finding that the image is clickable - if one clicks on it, you are taken to the file host, in this case, Photobucket.

Is there anything I can do to stop this from happening?

Is there a better way to display the image?

Many thanks for any assistance.

MH7

[markh7]

Hi All,

I think I may have found an answer (in case someone else has a similar query):

Instead of using the entire HTML code that was supplied by PhotoBucket, I simply used the code shown below:-

"<center> <img src="IMAGE LOCATION URL"></a> </center>"

Hope this helps!

MH7

[Tim Camara]

That HTML is actually incorrect.  An img tag is different than an a (anchor) tag, so closing an img tag with an a tag is wrong.  The correct way to accomplish this is:

<center><img src="IMAGE_URL_HERE" alt="ALTERNATIVE_TEXT_IN_CASE_THE_IMAGE_DOESN'T_LOAD" /></center>
This way the img tag properly closes itself, and as an addition, the alt attribute in the tag will supply alternate text to anyone who isn't able to see the image (image failed to load, using screen readers for the blind, etc.).  Most modern browsers will take the code you're using and auto-correct the syntax, but it could cause weird bugs down the road.

Also, if you're just trying to add a logo to your forum, there's a place on the Images tab on the Theme Settings page where you can upload a logo image, and then on the settings page you can choose between using either that image or the name of your forum as the logo.

[markh7]

Thanks for the tips Tim, I'll be sure to give those a try!