Video not playing after adding code to album

andacar · 2017-07-27 14:33:55

I'm trying to save space on this page by putting information above the video in a two column format using HTML tables and css. Here's the page:

http://creepyhouse.net/galleries/the-st … i-phaeton/

Here's the code I added:

 
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{padding:8px 8px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{padding:8px 8px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}
</style>
<body>
<p>1935  Verna VI Model 23, Type PN605 Phaeton with coachwork by Tronce' Dom of Marco  City</p>
<table width="85%" border="0">
  <tr>
    <td width="40%" align="left" valign="top" class="tg-yw4l"><strong>Wheelbase:</strong> 152”<br>
    <strong>Track:</strong> 60”<br>
    <strong>Weight:</strong> 6100 Lbs.<br>
    <strong>Tire Size: </strong>750-17<br>
    <strong>Engine:</strong> 45-degree 7200 cc (450.2 cu in.) OHV V12<br>    <strong>Bore and Stroke: </strong>3.5” x 3.9”<br>
    <strong>Output: </strong>140 BHP @ 3500 RPM</td>
    <td width="60%
    " align="left" valign="top" class="tg-yw4l">bla bla bla</td>
  </tr>
</table>
</head>
</body>
</html>

But after I add this code the video doesn't load or play. Have I formatted the code incorrectly?

Daniel Leu · 2017-07-27 15:39:03

There are a few issues with this code. You really only want to have the content and no html/head/body tags. Additionally, I wouldn't use a table for this. Backlight provides a very flexible grid layout. Rod wrote a nice post about it: http://ttg-tips-and-tricks.barbeephoto. … backlight/.

Maybe something like this:

<p>1935  Verna VI Model 23, Type PN605 Phaeton with coachwork by Tronce' Dom of Marco  City</p>

<div class="grid_12">  <!-- this sets up the 12 column grid -->
<div class="col_3">   

first column

</div> <!-- /col_3 -->

<div class="col_9">   

second column

</div> <!-- /col_9 -->
</div> <!-- /grid_12 -->

This way, the layout resizes nicely for different display sizes.

andacar · 2017-07-27 16:00:04

Thanks! I'll try this out.

Community @ The Turning Gate

#1 2017-07-27 14:33:55

Video not playing after adding code to album

#2 2017-07-27 15:39:03

Re: Video not playing after adding code to album

#3 2017-07-27 16:00:04

Re: Video not playing after adding code to album

Board footer