There is also an issue with that box. It's totally misaligned and there's a mistake in the html.
around line 245 look for
Code:
<table cellspacing=0 cellpadding=0 width=298 border=0 >
<tr>
<td align="middle" width="104" style="padding-left:5px;">
{if $video_prev === ''}
[img]{$baseurl}/templates/images/no_prev.gif[/img]
< PREV
{else}
<a href="{$baseurl}/view/{$related_videos[$video_prev].VID}/{$related_videos[$video_prev].seo_name}/">
[img]{$tmburl}/1_{$related_videos[$video_prev].VID}.jpg[/img]</a>
<div style="font-weight: bold; font-size: 10px; padding-top: 3px">
< PREV
</div>
{/if}
</td>
<td align="center" style="padding-top:10px;">
{insert name=adv_status assign=status adv_name='video_right_single'}
{if $status eq "Active"}
{insert name=advertise adv_name='video_right_single'}
{else}
{if $smarty.request.id ne "" }
[img]{$tmburl}/1_{$smarty.request.id}.jpg[/img]<div style="font-weight: bold; font-size: 10px; padding-top: 3px">NOW PLAYING</div>
{/if}
{/if}
</td>
<td align="center" style="padding-left:8px;">
{if $video_next eq ""}
[img]{$baseurl}/templates/images/no_next.gif[/img]
NEXT >
{else}
[img]{$tmburl}/1_{$related_videos[$video_next].VID}.jpg[/img]
<div style="font-weight: bold; font-size: 10px; padding-top: 3px">
NEXT >
</div>
{/if}
</td>
</tr>
</table>
That's the entire box....now....where it says at the top there:
Code:
<table cellspacing=0 cellpadding=0 width=298 border=0 >
Change that to
Code:
<table cellspacing=0 cellpadding=0 width="100%" border=0 >
Then where it says right under that:
Code:
<td align="middle" width="104" style="padding-left:5px;">
There is no such thing as align="middle"...it should be valign="middle" so...
Change it to
Code:
<td valign="middle" width="104" style="padding-left:5px;">
Then to get them to be "even" in each <td>... add or change the width to 33%
This will evenly space everything.
Here's the completed code for the box so it should look like this when you get done (or just copy and paste this in place of the existing code):
Code:
<table cellspacing=0 cellpadding=0 width="100%" border=0 >
<tr>
<td valign="middle" align="center" width="33%" style="padding-left:5px;">
{if $video_prev === ''}
[img]{$baseurl}/templates/images/no_prev.gif[/img]
< PREV
{else}
<a href="{$baseurl}/view/{$related_videos[$video_prev].VID}/{$related_videos[$video_prev].seo_name}/">
[img]{$tmburl}/1_{$related_videos[$video_prev].VID}.jpg[/img]</a>
<div style="font-weight: bold; font-size: 10px; padding-top: 3px">
< PREV
</div>
{/if}
</td>
<td valign="middle" align="center" width="33%" style="padding-top:10px;">
{insert name=adv_status assign=status adv_name='video_right_single'}
{if $status eq "Active"}
{insert name=advertise adv_name='video_right_single'}
{else}
{if $smarty.request.id ne "" }
[img]{$tmburl}/1_{$smarty.request.id}.jpg[/img]<div style="font-weight: bold; font-size: 10px; padding-top: 3px">NOW PLAYING</div>
{/if}
{/if}
</td>
<td valign="middle" align="center" width="33%" style="padding-left:8px;">
{if $video_next eq ""}
[img]{$baseurl}/templates/images/no_next.gif[/img]
NEXT >
{else}
[img]{$tmburl}/1_{$related_videos[$video_next].VID}.jpg[/img]
<div style="font-weight: bold; font-size: 10px; padding-top: 3px">
NEXT >
</div>
{/if}
</td>
</tr>
</table>
Bookmarks