I added some html to a page for a "Paypal Verified" badge, with the image itself within the link to another page (<a><img></a>). Unfortunately, where I placed it on the page, half of the image is un-click-able. The badge is on another page and is fully click-able there, however.

Upon noticing this, I took apart the html and recreated it all in VSD using the same image and the link tool, but only to the same effect. Placed elsewhere on the page, this image becomes fully click-able. The page upon which this is happening is: http://mightyowlband.org/Paypal.html

Any ideas?

This <div class="Object1251"> is overlapping your badge.

For future reference, I'm working on the page so div classes could change.



Do you mean the div right before the <a> tag? VSD puts that around the html object to place it on the page, and it does not affect the image in other places, so I do not think that is the issue - but I could be wrong.

I think it has something to do with the way VSD compiles the text into html, but I wouldn't know how it does that.

Ok, just fixed it.... the html div was inside the same dimensions as the text div, thus disabling the link.

Thanks Eric!

Now it's <div class="Object1574"> overlapping.
See attached.

Good job works good.