Help with moving Title to the right of the Image, instead of below it.

[chrisj]

This page shows search results of searched videos and searched images separately successfully.
However, when I search "All" the 'Title', that normally appears to the right of the thumbnail image, appears below it. Here is the code (I know it's not pretty - but it works). Any help with moving the 'Title' to the to appear to the right of the image will be appreciated.

<!--Begin Video Search List-->
<div style="height: 2px;">&nbsp;</div>

<span style="margin-bottom: 12px;" class="font5_15">
"[var.keyword]"&nbsp;&nbsp;[var.get_type_word]&nbsp;[var.lang_search]&nbsp;[var.results_show]&nbsp;-&nbsp;[var.results_of]&nbsp;of&nbsp;[var.total_records]&nbsp;[var.lang_results] <br />
<form id="buyVideo" name="buyVideo" method="post" action="../buy-video.php">
<input type="image" src="/images/UseCreditsNow.png" name="purchase" value="Use Credits Now" style="margin:7px 0" style="padding:1px 2px 1px 2px" rel="gb_page_center[600, 635] ">
<a href="../credits.php"><img src="../images/PurchaseCredits.png" alt="Purchase Credits" style="margin:7px 0;padding:1px 2px 1px 2px"></a>
<a href="../page.php?page=9"><img src="../images/SearchAgain.png" alt="Search Again" style="margin:7px 0;padding:1px 2px 1px 2px"></a>
<input type="hidden" name="keyword" value="[var.keywords2]">
<input type="hidden" name="submitted" value="yes">
<input type="hidden" name="ttl" value="[var.total_price]">
<input type="hidden" name="user_id" value="[var.user_id]">
<input type="hidden" name="credits" value="[var.member_credits]">
<input type="hidden" name="id[]" value="[blkfeatured2.indexer;block=input]"></input>
</span>

<!-- Check 'All' Box  -->
<br/>&nbsp;&nbsp;<input type="checkbox" name="checkall" onclick='checkedAll()' vertical-align:"middle"> <b>Select All</b><br/><br/>
<!-- end checkbox mod -->


<!--Begin 'VIDEO' Search List-->
<div id="content-list">
<ul class="content-list-thumb" style="margin-top: 13px;">
<span style="margin-left: 1px;"><input type="checkbox" name="checkedBoxs[]" value="[blkfeatured.indexer;block=div]"></span><br />

<!--<li><a href="videos/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]" rel="gb_page_center[600, 635]"><img src="../uploads/thumbs/[blkfeatured.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></li>-->
<!--<li><a onclick="return doCreditCheck();" href="videos/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]"><img src="../uploads/thumbs/[blkfeatured.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></li>-->
</ul>
<ul class="content-list-info">
<!--<li><h4><span style="float:none;width:590px;text-align:center;color: #800000;">[var.lang_title]:</span>&nbsp;&nbsp;<a onclick="return doCreditCheck();" href="videos/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]"><!--[blkfeatured.title;htmlconv=no;block=div;ope=max:70;comm]--></a></h4></li>-->
<table style="border:none">
<tr>
<td width="120px"><img src="../uploads/thumbs/[blkfeatured.video_id;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></td>
<td width="1400px"><h4><span style="float:none;width:1590px;text-align:center;color: #800000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[var.lang_title]:&nbsp;&nbsp;&nbsp;</span><!--[blkfeatured.title;htmlconv=no;block=div;ope=max:70;comm]--></h4></td>
</tr>
</table>
<br/><br/>

<!--<li><b>[var.lang_description]:&nbsp;</b><!--[blkfeatured.description;htmlconv=no;block=div;ope=max:68;comm]--></li>-->
<li><!--<span class="font4_12">[var.lang_tags]:&nbsp;</span>--></li>
<li><!--<b>[var.lang_comments] - [var.lang_responses]:&nbsp;</b>--><!--(<!--[blkfeatured.comments;block=div;ope=max:80;comm]-->)--></li>
</ul>
[onload;block=div;when [var.type_videos]=1;]
</div>
</form>
<!--End Video Search-->


<!--Begin 'IMAGE' Search List-->
<div id="content-list">
<ul class="content-list-thumb" style="margin-top: 13px;">
<span style="margin-left: 1px;"><input type="checkbox" name="checkedBoxs[]" value="[blkfeatured.indexer;block=div]"></span><br />
</ul>

<ul class="content-list-info">
<table style="border:none">
<tr>
<td width="120px"><a href="view-image/[blkfeatured.indexer;block=div]/[blkfeatured.title_seo;block=div]"><img src="[blkfeatured.media_image;block=div]" alt="[var.get_type_word] Image" width="120" height="90" border="0" /></a></td>
<td width="1400px"><h4><span style="float:none;width:1590px;text-align:center;color: #800000;">[var.lang_title]:&nbsp;&nbsp;&nbsp;</span><!--[blkfeatured.title;htmlconv=no;block=div;ope=max:70;comm]--></h4></td>
[onload;block=div;when [var.type_images]=3;]
</tr>
</table>
</div>
<!--End Image Search-->


<!--Begin 'ALL' Search List-->
[blkfeatured;block=begin]
<div id="content-list">
<ul class="content-list-thumb" style="margin-top: 13px;">
&nbsp;&nbsp;<span style="margin-left: 1px;"><input type="checkbox" name="checkedBoxs[]" value="[blkfeatured.indexer;block=div]"></span><br />
</ul>

<ul class="content-list-info">
<li><a href="videos/[blkfeatured.indexer]/[blkfeatured.title_seo]"><img src="uploads/thumbs/[blkfeatured.video_id].jpg" alt="video pic" width="120" height="90" border="0" /></a>
<h4>[var.lang_title]:&nbsp;<a href="videos/[blkfeatured.indexer]/[blkfeatured.title_seo]"><!--[blkfeatured.title;htmlconv=no;ope=max:70;comm]--></a></h4></li>
[onshow;block=ul;when [blkfeatured.row_type]==1]
</ul>

<ul class="content-list-info">
<li><a href="view-image/[blkfeatured.indexer]/[blkfeatured.title_seo]"><img src="[blkfeatured.media_image]" alt="[var.get_type_word] Image" width="120" height="90" border="0" /></a>
<h4>[var.lang_title]:&nbsp;<a href="view-iamge/[blkfeatured.indexer]/[blkfeatured.title_seo]"><!--[blkfeatured.title;htmlconv=no;ope=max:70;comm]--></a></h4></li>
[onshow;block=ul;when [blkfeatured.row_type]==2]</li>
</ul>
[onload;block=div;when [var.type_all]=6;]
</div>
[blkfeatured;block=end]
<!--End All Search-->

[ATTACH]5351[/ATTACH][ATTACH]5353[/ATTACH][ATTACH]5355[/ATTACH]

SearchedImage.png SearchedThumbnail.png NeedsFix.png

[dalecosp]

Blargh ... what a mess of stuff to look at! Have you tried moving things about with the Inspector in your browser?

[Weedpacket]

Maybe if it were "pretty" it would be easier to see the problem?

[pbismad]

You have apparently added a type value (I would make it the text 'Image' or 'Video', rather than a number) to the 'ALL' search result to identify which type each row is. I would make this same change to the 'Image' only and 'Video' only search code. You should also make the static/hard-coded content that's different between the repetitive sections in the template into replaceable parameters. This will let the php code supply all the dynamic content for each row being output.

You will then see that you only need ONE, simple, section in the template to handle any type of row in a search result, since each row of data supplies all the values needed.

The only conditional logic that would remain in the template is for anything that is actually different CONTENT, such as displaying the video length for type = video, that doesn't exist for images. If you have removed the video length, then your template should have NO conditional logic in it.

This will leave you with the simplest markup in the template, and assuming that the first section for 'Video' only works, you can use it as the final/remaining part to keep in the template.