انا عاوز كود صغير

مرحبا

انا عاوز كود لعمل وصف المجموعات في صفحة منثبقة زي الي في الصورة

اهلين
تفضل الكود ضع رابط صورة رمز المساعدة
والكتابه الي تريد مكان الكتابه

الكود:

<table style="background-color: rgb(153, 153, 204); width: 379px; height: 137px;" align="right" border="0" cellpadding="0" cellspacing="0">
    
   <tbody>
       
      <tr>
          
         <td>
             <img style="width: 107px; height: 101px;" alt="" src="رابط صورة المساعدة" />
         </td>
          
         <td>
             
            <p>
                <span style="color:#FF0000;"><strong><span style="font-size: 28px;"><span class="st">✲ </span></span></strong></span><span style="color:#FFFFFF;"><strong><span style="font-size: 28px;"><span class="st">مشرف عام </span></span></strong></span><span style="color:#FF0000;"><strong><span style="font-size: 28px;"><span class="st">✲</span></span></strong></span>
            </p>
             
            <p>
                <span style="color:#FFFFFF;"><strong><span style="font-size: 28px;">مسؤل المنتدى</span></strong></span>
            </p>
             
         </td>
          
      </tr>
       
   </tbody>
</table>
 
<p>
    
</p>

اين يوضع بظبط و هل يعمل علي الاستايلات المحولة

تضيفها بورقة css

لا اخي لا يوضع بورقة css الاخت غير مركزة
اولاً عليك بأن تقوم بأنشاء المجموعات يدوياً مثال :
المدير العام ,, المشرف العام ,, الاعضاء وهكذا ومع كل مجموعة تضع لها
قائمة عند الضغط عليها يظهر لك احصائياتها وهذا يحتاج لبعض اكواد الجافا
ويوضع في قالب الانديكس بوكس

ولهي مافاهم شي ممكن توضيح اكثر من فضلك

اكيد افهمك الاخ ستون عطاك هذا الكود :

الكود:

<table
style="background-color: rgb(153, 153, 204); width: 379px; height:
137px;" align="right" border="0" cellpadding="0" cellspacing="0">
     
   <tbody>
        
      <tr>
           
         <td>
             <img style="width: 107px; height: 101px;" alt="" src="رابط صورة المساعدة" />
         </td>
           
         <td>
              
            <p>
 
               <span style="color:#FF0000;"><strong><span
 style="font-size: 28px;"><span class="st">✲
</span></span></strong></span><span
style="color:#FFFFFF;"><strong><span style="font-size:
28px;"><span class="st">مشرف عام
</span></span></strong></span><span
style="color:#FF0000;"><strong><span style="font-size:
28px;"><span
class="st">✲</span></span></strong></span>
            </p>
              
            <p>
 
               <span style="color:#FFFFFF;"><strong><span
 style="font-size: 28px;">مسؤل
المنتدى</span></strong></span>
            </p>
              
         </td>
           
      </tr>
        
   </tbody>
</table>
 
<p>
     
</p>

هذا كود HTML لا يقبل ان تضعه في اكواد CSS واعتقد ان الصورة الي احضرتها
هي من منتدى اوديسيا لأني اعرف استايله من زمان
كل الي عليك انك تسوي
مجموعة المدير وتضع لها عنوان وتنشئ مجموعة المشرفين وتضع لها عنوان يعني
مو تلقائياً راح يظهر لك لابد ان من يقوم بعمل لكل مجموعة كود وصورة وعنوان لهذه المجموعة