MrLoveLovve
New Member
If I have an image in an anchor, how can I make the title of the anchor appear, and not that of the image element?I know I could remove the title attribute with javascript, but I'm hoping there is a simpler solution.For example\[code\]<a title="Anchor Title"><img title="Image Title" /></a>\[/code\]If you hover over the link, it will display "Image Title". What I've TriedWith CSS, I thought maybe I could change the z-indexes to push the anchor to the front, or maybe I could display the anchor as a block and give it the width and height of the image. This did not work. See JSFiddle here.I was hoping to find a solution with CSS or maybe HTML.The reason I want to do this is is that I'm working with Wordpress, spitting out posts and thumbnails. I want the thumbnails to link to a certain page, and I want to have a universal title for the link, but it is taking the title from the individual thumbnails. Here's the Wordpress/PHP code:\[code\]<a href="http://stackoverflow.com/questions/13828571/<?php the_permalink(); ?>" title="Click to see Featured Stories"><?php the_post_thumbnail(); ?></a>\[/code\]