Jump to content
Sign in to follow this  
emasdesign

Embedding MTV videos makes my blog-layout go nuts!

Recommended Posts

emasdesign

Hi Pagelines. First of all, thanks for making my life so much easier! So, the situation is that I have embedded some videos from mtv.com in a blog post of mine, but the videos seem to screw up my blog layout, putting my sidebar beneath all of my posts on the according page. Can anyone come up with a fix for me? URL: http://neonafrohamster.com/blog It is the post entitled "Ridiculousness: AFV ten times more fun" Inside the post I have an image and two embedded videos: (i removed the image link so it doesn't show in this post)

<p style="text-align: center;">
	
	So in the past weeks I have been missing Fantasy Factory a lot. Merely because Rob Dyrdek is seriously wack in his own fudgin' funny way. So when I found out he has a new show coming I was stoked.. But it is nothing like we are used to see from him, this looks like AFV but with Rob D instead of the totally not funny host - I think this could be good actually, but nothing like Rob & Big or Fantasy Factory.</p>
	
	<h4>Trailer</h4>
	<div style="background-color: #000000; width: 520px;">
	<div style="padding: 4px;"><embed type="application/x-shockwave-flash" width="512" height="288" src="http://media.mtvnservices.com/mgid:uma:video:mtv.com:664908/cp~id%3D1665914%26vid%3D664908%26uri%3Dmgid%3Auma%3Avideo%3Amtv.com%3A664908" allowfullscreen="true" allowscriptaccess="always" base="."></embed>
	<p style="text-align: left; background-color: #ffffff; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Tags: Ridiculousness, MTV Shows</p>
	
	<h4>Rob Dyrdek on 'Ridiculousness'</h4>
	<div style="background-color: #000000; width: 520px;">
	<div style="padding: 4px;"><embed type="application/x-shockwave-flash" width="512" height="288" src="http://media.mtvnservices.com/mgid:uma:video:mtv.com:664906/cp~id%3D1666033%26vid%3D664906%26uri%3Dmgid%3Auma%3Avideo%3Amtv.com%3A664906" allowfullscreen="true" allowscriptaccess="always" base="."></embed>
	<p style="text-align: left; background-color: #ffffff; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Tags: Ridiculousness, MTV Shows</p>
	[/code]

Share this post


Link to post
Share on other sites
Kate

Hi Esben, The issue is missing end div tags. In this case:

<div style="background-color: #000000; width: 520px;">
	<div style="padding: 4px;">

... Neither one of these have ending tags. They should probably be something like this:

<div style="background-color: #000000; width: 520px;">
	<div style="padding: 4px;"><embed type="application/x-shockwave-flash" width="512" height="288" src="http://media.mtvnservices.com/mgid:uma:video:mtv.com:664908/cp~id%3D1665914%26vid%3D664908%26uri%3Dmgid%3Auma%3Avideo%3Amtv.com%3A664908" allowfullscreen="true" allowscriptaccess="always" base="."></embed>
	<p style="text-align: left; background-color: #ffffff; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Tags: Ridiculousness, MTV Shows</p></div></div>

Share this post


Link to post
Share on other sites
emasdesign

I accidentally deleted the div tags, it works now, thank you Kate!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×