Can the title property hold an img tag?

If not, how can I make a mouse over popup that is an img from the web?

I was looking at something like this: &lt;a href=""&gt;Barbarian&lt;span&gt;&lt;img src="<a href="http://i.imgur.com/zYNw8wz.png&quot;&gt;&lt;/span&gt;&lt;/a" rel="nofollow">http://i.imgur.com/zYNw8wz.png"&gt;&lt;/span&gt;&lt;/a</a>&gt; CSS: #popup a span { display: none; } #popup a:hover span { display: block; position: absolute; top: 0px; width: 343px; Height: 346px; margin: 0px; font-weight: normal; } However, I can not seem to get this to work. Here is the image in case you are wondering. It is for a popup with class info.

Not without Javascript. Also, you should Google these kinds of questions.

Yea, I am. I get over zealous some times. Guess I will have to resort to text.

Sam is incorrect; this works just fine. However, the "#popup" part is referring to an element with id="popup" -- your example HTML does not have such an element, and you should not use ids in character sheets. Remove the #popup and the example works: jsfiddle Alternatively, you could put the image link into your CSS, instead of having an img element: jsfiddle

You also cant use anchor tags in character sheets for security reasons but you can do it with another span or div if you wanted (and updated the CSS appropriately) - &lt;span&gt;Barbarian&lt;span&gt;&lt;img src="<a href="http://i.imgur.com/zYNw8wz.png" rel="nofollow">http://i.imgur.com/zYNw8wz.png</a>" /&gt;&lt;/span&gt;&lt;/span&gt; span span { display: none; } span:hover span { display: block; position: absolute; top: 0px; width: 343px; height: 346px; margin: 0px; font-weight: normal; }

I see, thanks for the tips guys. Still having some issues, I think because these are in selections? But alas, it's pool time. Yea, I can get it to work just as text, but not in the selection box. Oh well, guess I can just make a table with the class references below to class selection boxes. Thanks for the help peeps. Almost ready to show case my finished sheet.