I have a droplet that reads the thumbnail of a Youtube-video, places it in a DIV that 'floats', and in that DIV, under the thumbnail, there is a caption line. Clicking the thumbnail 'fires' a Fancybox containing the video.
So far all is well.
The droplet works, and it contains the following lines:
$returnvalue = '<div class="video-thumbnails">';
$returnvalue .= '<a class="variousvideo fancybox.iframe" href="http://www.youtube.com/embed/'.$id.'?rel=0&autoplay=0">';
$returnvalue .= '<img alt="Click to watch video" src="http://img.youtube.com/vi/'.$id.'/0.jpg" /></a>';
$returnvalue .='<br /><div style="min-width:100%; text-align:center;">';
$returnvalue .= $titel.'<br /><small>'.$maker.'</small></div>';
$returnvalue .= '</div>';
return $returnvalue;
The only problem I'm having here is that according to the W3C validator, this is wrong, because in the WYSIWYG-editor there will be P-tags around the droplet. Since a DIV cannot exist within P-tags, this throws an error.
Even though the droplet works just fine, I'd like to get rid of the validation errors. For some clients (government-type) this is essential. Any suggestions?