طريقة إضافة صور صغيرة قرب فءات المنتدى

مــان كتب:السلام عليكم
اتبعت الطريقة و لم تظهر الصور....هناك خلل في البرمجة.
الامر الثاني لدي صديق لديه نفس الموقع في سيرفر احلى منتدى و تظهر له صور مختلفة مع كل فءة ....

الكود:

<span class="gensmall"><span class="gensmall"><span class="gensmall"><span class="gensmall"></span></span></span></span>
<table border="0" cellpadding="0" cellspacing="0" dir="ltr">
             <tbody></tbody> <tbody></tbody>
   <tr style="">
             
      <td align="center" valign="middle" class="row2" colspan="3" style="height: 50px;">
             <span class="gensmall"> </span>   
         <ul id="topMenu" style="">
                   
            <li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';">
                      
            </li>
                   
            <li class="" onmouseover="this.className = 'over';" onmouseout="this.className =
'';">
                   <img "="" src="ضع هنا رابط الصورة المراد وضغها/" alt="" />   
               <ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;="">
                         
                  <li>
                            
                     <table border="0" cellpadding="0" cellspacing="1" class="forumline" style="width: 100%;">
                                  <tbody></tbody> <tbody></tbody>
                        <tr style="">
                                  
                           <td class="row1" row2""="" onmouseover="this.className=" row1""="" onmouseout="this.className=" style="width: 100%;">
                                    دودي   
                           </td>
                                  
                        </tr><tbody></tbody><tbody>    </tbody>
                     </table>
                            
                  </li>
                         
               </ul>
                      
            </li>
                   
         </ul><span class="gensmall"></span>   
         <table border="0" cellpadding="0" cellspacing="0" dir="ltr" style="">
                <style>#topMenu{padding: 0;margin:
0;list-style: none;}#topMenu li{float: left;list-style:none;position:
relative;}#topMenu li ul{display: none;position: absolute;left:
0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over
ul{display:
block;}</style>   
         </table><span class="gensmall"></span>   
      </td>
             
   </tr><tbody></tbody><tbody></tbody>
</table>

مــان كتب:السلام عليكم
ساشرح لكم الموضوع،
اريد ان تظهر قرب الفئات اوا الاقسام صور تعبيرية لمضمون القسم
مثال
موقع احد الاصدقاء، انظروا للصورة من موقعه، هناك صور جانب الفئات

قرب قسم العام، يوجد صورة قهوة،
اما في موقعي لا استطيع برمجة صورة، رغم اتباعي للحلول التي اعطتني الاخت
هذ صورة من موقعي

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