How do you make an invisible table around adjacent embeded videos?

• 

  puckcircle · Member · Aug 20, 2011 at 12:57 am

  • Copy link
  • Add topic to favorites

  In one of my blogs, I embeded two youtube videos, and made them both smaller so they could fit side by side in my post (as opposed to one on top of the other). Unfortunately even though I made them small enough to fit side by side on my page, they wouldn’t go side by side. I tried adding a margin of 0 instead of auto or whatever it’s default was, which successfully moved the first video from the center of the page to the left, but I still couldn’t get the second video to show up on its side. I tried <div> and align: left and whatever else I could find on the net to try, but nothing worked.

  I finally stumbled on a post by someone on wordpress that said you needed to use a table. So I inserted a table, and it worked to put the videos side by side. The left one was slightly higher than the right, for some reason, but they were basically side by side. I put both the embeded video’s in a <div>, which successfully lowered the left one a few pixels down so they were precisely side by side.

  My one issue now is that the table shows. I have the videos side by side like I want, but outlining them is this white border against my green background. It being white isn’t the issue, it’s that it shows up at all. I couldn’t even figure out how to change the color (bgcolor just seemed to add a second, thicker line along the table lines), let alone just making the lines “0px” so they wouldn’t show up.

  • Is there a better way now with the new CSS or HTML (not sure when the table post was made) to make the embeded youtube videos adjacent without a table?
  • If not, how do I make the table either invisible, or the same color as my background?

  Thank you for your time helping

  The blog I need help with is: (visible only to logged in users)