I have a site that I am converting to HTML5 from XHTML 1.0 Transitional.
All was going well until I was updating a page that uses a jquery tooltip to dispay larger images when you mouse over small ones.
When I change the DOCTYPE to html5, some but not all the tooltip images fail to line up thereby throwing out all the subsequent images in a most annoying fashion.
All the code validates as HTML5 as does the CSS.
This is the code that produces the tooltip effect:
<img src="http://tycoontalk.freelancer.com/images/maps/a_map/thumbnail_20.gif" alt="Thumbnail Image" width="78" height="78" class="thumbnail"/>
<img src="http://tycoontalk.freelancer.com/images/maps/a_map/hover_image_20.gif" alt="" width="220" height="220" />
Also if I convert the code to XHTML 1.0 strict, this also throws the images out of place.
I am aware that HTML5 has dropped certain elements and introduced new ones but as I say the W3C validator says my code is ok and much trawling of the web has not pointed to any tag I am using having been dropped.
This is most annoying as I have converted every page of the site complete with semantic coding and this is the only page giving me trouble Grrrrr.
Hope some lovely person may have an answer as I am stummped.
Last edited by Physicsguy; 08-03-2012 at 03:04 PM..
Reason: Formatting :)