Is there a way to incorporate a YouTube video into a table with specific formatting requirements?
I'd like the left and right columns to be 2 rows high, while the middle column should contain 2 cells - one for the video at the bottom and one for text at the top. However, I'm struggling to position the elements correctly.
<div class="cbody">
<table class="ctable">
<tr>
<td rowspan="2" style="width:105px"><img class="cimg1" src="meh.png" alt=" " width="100px" height="500px"></td>
<td><p class="ctxt">
my text here
</p></td>
<td rowspan="2" style="width:105px"><img class="cimg2" src="meh.png" alt=" " width="100px" height="500px"></td>
</tr>
<tr>
<iframe width="420" height="315" src="http://www.youtube.com/embed/xI_6oLPC-S0" frameborder="0" allowfullscreen></iframe>
</tr>
</table>
</div>
also CSS...
.cbody {
width:800px;
margin-left: auto;
margin-right: auto;
border-style:solid;
border-width:3px;
}
.cimg1 {
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
float:left;
}
.cimg2 {
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
float:right;
}
.ctxt {
margin-left:5px;
margin-right:5px;
text-align:center;
}
.ctable {
width:800px;
margin-left:auto;
margin-right: auto;
border-style:solid;
border-width:2px;
}