XhaxxerXâ„¢
New Member
I am trying to paste a youtube api feed onto this page but the thumbnails are not lining up properly. The working site can be found here.<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Inner page</title><link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15859287/css/style.css"/></head><body><div id="main_block"> <div id="innerblock"> <!--Top Panel starts here --> <div id="top_panel"> <a href="http://stackoverflow.com/questions/15859287/index.html" class="logo"><img src="http://stackoverflow.com/questions/15859287/images/logo.jpg" width="255" height="36" alt="" /></a><br /> <div class="tp_navbg"> <a href="http://stackoverflow.com/questions/15859287/index.html">Home</a> <a href="http://stackoverflow.com/questions/15859287/inner.html">Upload</a> <a href="http://stackoverflow.com/questions/15859287/#">Videos</a> <a href="http://stackoverflow.com/questions/15859287/#">Channels</a> <a href="http://stackoverflow.com/questions/15859287/#">News</a> </div> <div class="tp_smlgrnbg"> <span class="tp_sign"><a href="http://stackoverflow.com/questions/15859287/#" class="tp_txt">Sign Up</a> <span class="tp_divi">|</span> <a href="http://stackoverflow.com/questions/15859287/#" class="tp_txt">Login</a> <span class="tp_divi">|</span> <a href="http://stackoverflow.com/questions/15859287/#" class="tp_txt">Help</a></span> </div> <div class="tp_barbg"> <input name="#" type="text" class="tp_barip" /> <select name="#" class="tp_drp"><option>Videos</option></select> <a href="http://stackoverflow.com/questions/15859287/#" class="tp_search"><img src="http://stackoverflow.com/questions/15859287/images/tp_search.jpg" width="52" height="24" alt="" /></a> <span class="tp_welcum">Welcome <b>Guest</b></span> </div> </div> <span class="lp_newvidit1">Video Title</span> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15859287/files/style6.css"><script type="text/javascript" src="http://stackoverflow.com/questions/15859287/files/jquery-1.js"></script><script type="text/javascript" src="http://stackoverflow.com/questions/15859287/files/jquery.js"></script><script>$(document).ready(function(){ $("body").append("<div id = 'data'><ul>.</ul></div>"); var dataContainer = $("#data ul"); $.ajax({ url:'http://gdata.youtube.com/feeds/api/users/googledevelopers/uploads?max-results=50&time=today&alt=jsonc&v=2&callback=?', dataType: "jsonp", timeout: 5000, success: function(data){ $.each(data.data.items, function(i, val) { if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') { dataContainer.append('<div class="d e"><a href='http://stackoverflow.com/questions/15859287/+val.player["default"]+' target="_blank" title="'+val.title+'">'+val.title+'</a><br /><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><br />Views '+val.viewCount+'</div>'); } }); } }); });</script>The thumbnails line up otherwise. Like hereThe thumbnails line up otherwise.....