الويب العربي - اخواني الاخبار المثبتة المنزلقة فيها مشكلة صورة الخبر تدخل على نص الخبر ماهو الحل ؟

أخواني

لما اثبت خبر في بلوك الاخبار المثبتةالمنزلقة في الصفحة الرئيسية
تكون صورة الخبر تحت نص الخبر يعني الكتابة تكون فوق الصورة الافتراضية

فما هو الحل لكي يكون النص على جهه وصورة الخبر الافتراضية في جهة اخرى بدون ما تتداخل مع بعض

وهذا هو النموذج ccontent
كود:
<p align="center">{ban3}</p>



<script type="text/javascript" src="http://www.hotahdawa.com/scripts/jquery-1.2.2.pack.js"></script>



<head>



<link rel="stylesheet" type="text/css" href="http://www.hotahdawa.com/styles/default/featuredcontentglider.css" />



<script type="text/javascript" src="http://www.hotahdawa.com/scripts/featuredcontentglider.js">



/***********************************************

* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

***********************************************/

</script>

<script type="text/javascript">



featuredcontentglider.init({

gliderid: "canadaprovinces", //ID of main glider container

contentclass: "glidecontent", //Shared CSS class name of each glider content

togglerid: "p-select", //ID of toggler container

remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable

selected: 0, //Default selected content index (0=1st)

persiststate: true, //Remember last content shown within browser session (true/false)?

speed: 500, //Glide animation duration (in milliseconds)

direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"

autorotate: true, //Auto rotate contents (true/false)?

autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]

})



</script>

</head>





<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/top_02.gif">

                <tr>

                        <td width="41">

                        <img border="0" src="{img_dir}/top_01.gif" width="57" height="72"></td>

                        <td background="{img_dir}/top_02.gif">&nbsp;</td>

                        <td width="85">

                        <img border="0" src="{img_dir}/top_03.gif" width="216" height="72"></td>

                </tr>

        </table>

</div>

<div align="center">

<table border="0" width="96%" cellspacing="0" cellpadding="0">

        <tr>

                                <td width="26" background="{img_dir}/T4serv_12.gif">

                                <img border="0" src="{img_dir}/T4serv_12.gif" width="28" height="115"></td>



<td bgcolor="#E9E9E9">













<div align="center">













<table  bgcolor="#E9E9E9" border="0" width="95%" cellspacing="0" cellpadding="0">

        <tr>

                <td bgcolor="#E9E9E9">

                

                

                

                

<!-- START BLOCK : news -->

<div   bgcolor="#E9E9E9"  id="canadaprovinces" class="glidecontentwrapper" style="width:95%; height: 220px">

<!-- START BLOCK : stknews -->

<div   bgcolor="#E9E9E9" class="glidecontent" style="position: absolute; left: 14px; top: 16px; width:95%; height: 170px">

<div   bgcolor="#E9E9E9" class="xboxcontent">

<div   bgcolor="#E9E9E9" id="xsnazzy">

<div   bgcolor="#E9E9E9" class="rnewstitle">

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" scrolldelay="0" behavior="alternate" direction="right">

{caption}</div>

<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;

<br><br>

</div>

</div>

</div>

</div>

<!-- END BLOCK : stknews -->

</div>

<div id="p-select" class="glidecontenttoggler">

<a href="#" class="prev">السابق</a>

<a href="#" class="toc">1</a>

<a href="#" class="toc">2</a>

<a href="#" class="toc">3</a>

<a href="#" class="toc">4</a>

<a href="#" class="toc">5</a>

<a href="#" class="toc">6</a>

<a href="#" class="toc">7</a>

<a href="#" class="toc">8</a>

<a href="#" class="toc">9</a>

<a href="#" class="toc">10</a>

<a href="#" class="next">التالي</a> 

</div>





                

                

                </td>

        </tr>

</table>











        

                

                </div>











        

                

                </td>

                                <td width="14" background="{img_dir}/T4serv_16.gif">

                                <img border="0" src="{img_dir}/T4serv_16.gif" width="15" height="141"></td>

        </tr>

</table>

</div>

<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/foot-e6ar_02.gif">

                <tr>

                        <td width="37">

                        <img border="0" src="{img_dir}/foot-e6ar_01.gif" width="37" height="39"></td>

                        <td>&nbsp;</td>

                        <td width="23">

                        <img border="0" src="{img_dir}/foot-e6ar_04.gif" width="23" height="39"></td>

                </tr>

        </table>

</div>











<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/top_02.gif">

                <tr>

                        <td width="41">

                        <img border="0" src="{img_dir}/top_01.gif" width="57" height="72"></td>

                        <td background="{img_dir}/top_02.gif">&nbsp;</td>

                        <td width="85">

                        <img border="0" src="{img_dir}/top_03.gif" width="216" height="72"></td>

                </tr>

        </table>

</div>

<div align="center">

<table border="0" width="96%" cellspacing="0" cellpadding="0">

        <tr>

                                <td width="26" background="{img_dir}/T4serv_12.gif">

                                <img border="0" src="{img_dir}/T4serv_12.gif" width="28" height="115"></td>



<td bgcolor="#E9E9E9">







<table align="center" border="0" width="96%" class="tborder" cellspacing="1" cellpadding="4" {ldir}>

<tr>

<!-- START BLOCK : rownewsa -->

<!-- row1 start-->

<td {clsp} class="rnewstitle" valign="top" width="{width}%">

<span style='float:right'>{picture}</span>{caption}

<div class="author">{date} م</div>

<div class="news">{text}</div>

<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>

</td>

<!-- row1 end-->

{tr}

<!-- START BLOCK : rownewsb -->

<!-- row2 start-->

<td {clsp} class="rnewstitle" valign="top" width="{width}%">

<span style='float:left'>{picture}</span>{caption}

<div class="author">{date} م</div>

<div class="news">{text}</div>

<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>

</td>

<!-- row2 end-->

                {tr}

<!-- END BLOCK : rownewsb -->

<!-- END BLOCK : rownewsa -->

        </tr>

</table>











</td>



                

                

                

                

                

                </td>

                                <td width="14" background="{img_dir}/T4serv_16.gif">

                                <img border="0" src="{img_dir}/T4serv_16.gif" width="15" height="141"></td>

        </tr>

</table>

</div>

<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/foot-e6ar_02.gif">

                <tr>

                        <td width="37">

                        <img border="0" src="{img_dir}/foot-e6ar_01.gif" width="37" height="39"></td>

                        <td>&nbsp;</td>

                        <td width="23">

                        <img border="0" src="{img_dir}/foot-e6ar_04.gif" width="23" height="39"></td>

                </tr>

        </table>

</div>

<p>

<br>

<!-- END BLOCK : news -->

</p>

<div style="width:96%">

<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/top_02.gif">

                <tr>

                        <td width="41">

                        <img border="0" src="{img_dir}/top_01.gif" width="57" height="72"></td>

                        <td background="{img_dir}/top_02.gif">&nbsp;</td>

                        <td width="85">

                        <img border="0" src="{img_dir}/top_03.gif" width="216" height="72"></td>

                </tr>

        </table>

</div>

<div align="center">

<table border="0" width="96%" cellspacing="0" cellpadding="0">

        <tr>

                                <td width="26" background="{img_dir}/T4serv_12.gif">

                                <img border="0" src="{img_dir}/T4serv_12.gif" width="28" height="115"></td>



<td bgcolor="#E9E9E9">

<!-- التالي لعرض موديل الكروت -->

<!-- INCLUDE BLOCK : cardmodule -->



<!-- التالي لعرض موديل الصور -->

<!-- INCLUDE BLOCK : albummodule -->

                

                </td>

                                <td width="14" background="{img_dir}/T4serv_16.gif">

                                <img border="0" src="{img_dir}/T4serv_16.gif" width="15" height="141"></td>

        </tr>

</table>

</div>

<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/foot-e6ar_02.gif">

                <tr>

                        <td width="37">

                        <img border="0" src="{img_dir}/foot-e6ar_01.gif" width="37" height="39"></td>

                        <td>&nbsp;</td>

                        <td width="23">

                        <img border="0" src="{img_dir}/foot-e6ar_04.gif" width="23" height="39"></td>

                </tr>

        </table>

</div>



<!-- START BLOCK : centblocks -->



<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/top_02.gif">

                <tr>

                        <td width="41">

                        <img border="0" src="{img_dir}/top_01.gif" width="57" height="72"></td>

                        <td background="{img_dir}/top_02.gif">&nbsp;</td>

                        <td width="85">

                        <img border="0" src="{img_dir}/top_03.gif" width="216" height="72"></td>

                </tr>

        </table>

</div>

<div align="center">

<table border="0" width="96%" cellspacing="0" cellpadding="0">

        <tr>

                                <td width="26" background="{img_dir}/T4serv_12.gif">

                                <img border="0" src="{img_dir}/T4serv_12.gif" width="28" height="115"></td>



<td bgcolor="#E9E9E9">

<div id="blocktable">

<!-- START BLOCK : dcblockhead -->

<div class="blocktitle"><span style='float: right'><img border="0" src="{img_dir}/arroww.gif"></span>{title}</div>

<!-- END BLOCK : dcblockhead -->

<!-- START BLOCK : cblockhead -->

{pic}

<!-- END BLOCK : cblockhead -->

<div class="blockcontent">

{cont}

<!-- START BLOCK : cblockfooter -->

</div>

<!-- END BLOCK : cblockfooter -->

</div>

<br>

</td>

        

                

                </td>

                                <td width="14" background="{img_dir}/T4serv_16.gif">

                                <img border="0" src="{img_dir}/T4serv_16.gif" width="15" height="141"></td>

        </tr>

</table>

</div>

<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/foot-e6ar_02.gif">

                <tr>

                        <td width="37">

                        <img border="0" src="{img_dir}/foot-e6ar_01.gif" width="37" height="39"></td>

                        <td>&nbsp;</td>

                        <td width="23">

                        <img border="0" src="{img_dir}/foot-e6ar_04.gif" width="23" height="39"></td>

                </tr>

        </table>

</div>

<!-- END BLOCK : centblocks -->







<!--newcmodule-->



<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/top_02.gif">

                <tr>

                        <td width="41">

                        <img border="0" src="{img_dir}/top_01.gif" width="57" height="72"></td>

                        <td background="{img_dir}/top_02.gif">&nbsp;</td>

                        <td width="85">

                        <img border="0" src="{img_dir}/top_03.gif" width="216" height="72"></td>

                </tr>

        </table>

</div>

<div align="center">

<table border="0" width="96%" cellspacing="0" cellpadding="0">

        <tr>

                                <td width="26" background="{img_dir}/T4serv_12.gif">

                                <img border="0" src="{img_dir}/T4serv_12.gif" width="28" height="115"></td>



<td bgcolor="#E9E9E9">

<!-- التالي لعرض موديل المقالات -->

<!-- INCLUDE BLOCK : articlemodule -->



<!-- التالي لعرض موديل الصوتيات -->

<!-- INCLUDE BLOCK : voicemodule -->



<!-- التالي لعرض موديل الفيديو -->

<!-- INCLUDE BLOCK : videomodule -->



<!-- التالي لعرض موديل الجوال -->

<!-- INCLUDE BLOCK : mobilemodule -->



<!-- التالي لعرض موديل الأخبار -->

<!-- INCLUDE BLOCK : newsmodule -->



        

                

                </td>

                                <td width="14" background="{img_dir}/T4serv_16.gif">

                                <img border="0" src="{img_dir}/T4serv_16.gif" width="15" height="141"></td>

        </tr>

</table>

</div>

<div align="center">

        <table border="0" width="96%" cellspacing="0" cellpadding="0" background="{img_dir}/foot-e6ar_02.gif">

                <tr>

                        <td width="37">

                        <img border="0" src="{img_dir}/foot-e6ar_01.gif" width="37" height="39"></td>

                        <td>&nbsp;</td>

                        <td width="23">

                        <img border="0" src="{img_dir}/foot-e6ar_04.gif" width="23" height="39"></td>

                </tr>

        </table>

</div>



</div>