بخصوص صفحة الـ html

أريد توسيط الجدول الموجود به الأقسام هنا لأنه منحاز إلى اليمين

في صفحة html : http://riyad-assalihin.montadamoslim.com/h1-page

http://riyad-assalihin.montadamoslim.com/h2-page

الكود:

<p style="text-align: center;">
                 
</p><style type="text/css">.stones{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;

  }

.stone{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;

  }

.stone1{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
 background:#CC99CC;

  }
</style>
<table>
                   
   <tbody>
                          
      <tr>
                               
         <td>
                                  
            <table align="right" border="1" cellpadding="0" cellspacing="0" style="width: 500px;border:solid 2px #27739d;background:#66CCCC;border-radius: 5px;border-bottom: 2px dotted ;">
                                         
               <tbody>
                                              
                  <tr>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f46-montada" target="_blank">Le Coran</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f47-montada" target="_blank">Multimédia</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f48-montada" target="_blank">Le Prophète (Salla Allahou Alayhi wa Sallam</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a class="stones" style="text-align: center;" "="" href="http://riyad-assalihin.montadamoslim.com/f49-montada>L'oasis de Ramadan</a>      
                     </td>
                                                   
                     <td td=" target="_blank">       </a><a href="http://riyad-assalihin.montadamoslim.com/f50-montada" target="_blank">Hadj et Oumra</a>      
                     </td>
                                                                                   
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f51-montada" target="_blank">Fatawas</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f52-montada" target="_blank">La famille et la société</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f53-montada" target="_blank">Autres sujets</a>                              
                     </td>
                         
                  </tr>
                                            
               </tbody>
                                     
            </table>
                                    
            <p style="text-align: center;">
                             
            </p>
                                    
            <p style="text-align: center;">
                             
            </p>
                                  
         </td>
                             
      </tr>
                      
   </tbody>
</table>

الكود:

<p style="text-align: center;">
                 
</p><style type="text/css">.stones{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;

  }

.stone{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;

  }

.stone1{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
 background:#CC99CC;

  }
</style>
<table>
                   
   <tbody>
                          
      <tr>
                               
         <td>
                                  
            <table align="right" border="1" cellpadding="0" cellspacing="0" style="width: 500px;border:solid 2px #27739d;background:#66CCCC;border-radius: 5px;border-bottom: 2px dotted ;">
                                         
               <tbody>
                                              
                  <tr>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f34-montada" target="_blank">General Islamic Forum</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f35-montada" target="_blank">The Qur'an and Qur'anic Interpretation (tafsir)</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f36-montada" target="_blank">Al-Sirah al-Nabawiyah and AL Hadith</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f37-montada" target="_blank">The prophets and companions and followers</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f38-montada" target="_blank">Islamic multimedia</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f39-montada" target="_blank">Foreign books</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f54-montada" target="_blank">Fiqh</a>      
                     </td>
                                                     
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f55-montada" target="_blank">Ramadan Oasis</a>                              
                     </td>
                       
                     <td class="stones" style="text-align: center;" td="">
                               <a href="http://riyad-assalihin.montadamoslim.com/f56-montada" target="_blank">Hajj & Umrah</a>                              
                     </td>
                       
                  </tr>
                                            
               </tbody>
                                     
            </table>
                                    
            <p style="text-align: center;">
                             
            </p>
                                    
            <p style="text-align: center;">
                             
            </p>
                                  
         </td>
                             
      </tr>
                      
   </tbody>
</table>

جرب هذا الكود الـ HTML

الكود:


<p style="text-align: center;">
               
</p><style type="text/css">.stones{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;
 
  }
 
.stone{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
border-bottom:medium solid #1B507A;
border-top:medium solid #1B507A;
 
  }
 
.stone1{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px dotted #000000;
 background:#CC99CC;
 
  }
</style>
<div align="center">
<table>
                 
  <tbody>
                       
      <tr>
                             
        <td>
                               
            <table align="right" border="1" cellpadding="0" cellspacing="0" style="width: 500px;border:solid 2px #27739d;background:#66CCCC;border-radius: 5px;border-bottom: 2px dotted ;">
                                       
              <tbody>
                                           
                  <tr>
                                                   
                    <td class="stones" style="text-align: center;" td="">
                              <a href="http://riyad-assalihin.montadamoslim.com/f46-montada" target="_blank">Le Coran</a>   
                    </td>
                                                   
                    <td class="stones" style="text-align: center;" td="">
                              <a href="http://riyad-assalihin.montadamoslim.com/f47-montada" target="_blank">Multimédia</a>   
                    </td>
                                                   
                    <td class="stones" style="text-align: center;" td="">
                              <a href="http://riyad-assalihin.montadamoslim.com/f48-montada" target="_blank">Le Prophète (Salla Allahou Alayhi wa Sallam</a>   
                    </td>
                                                   
                    <td class="stones" style="text-align: center;" td="">
                              <a class="stones" style="text-align: center;" "="" href="http://riyad-assalihin.montadamoslim.com/f49-montada>L'oasis de Ramadan</a>   
                    </td>
                                                 
                    <td td=" target="_blank">      </a><a href="http://riyad-assalihin.montadamoslim.com/f50-montada" target="_blank">Hadj et Oumra</a>   
                    </td>
                                                                                 
                    <td class="stones" style="text-align: center;" td="">
                              <a href="http://riyad-assalihin.montadamoslim.com/f51-montada" target="_blank">Fatawas</a>   
                    </td>
                                                   
                    <td class="stones" style="text-align: center;" td="">
                              <a href="http://riyad-assalihin.montadamoslim.com/f52-montada" target="_blank">La famille et la société</a>   
                    </td>
                                                   
                    <td class="stones" style="text-align: center;" td="">
                              <a href="http://riyad-assalihin.montadamoslim.com/f53-montada" target="_blank">Autres sujets</a>                           
                    </td>
                       
                  </tr>
                                         
              </tbody>
                                   
            </table>
                                 
            <p style="text-align: center;">
                           
            </p>
                                 
            <p style="text-align: center;">
                           
            </p>
                               
        </td>
                           
      </tr>
                   
  </tbody>
</table></div>

بالتوفيق

[list=linenums]
[*]<p style="text-align: center;">
[*]                
[*]</p><style type="text/css">.stones{
[*]-moz-border-radius-bottomleft:8px;
[*]-moz-border-radius-bottomright:8px;
[*]-moz-border-radius-topleft:8px;
[*]-moz-border-radius-topright:8px;
[*]border:1px dotted #000000;
[*]border-bottom:medium solid #1B507A;
[*]border-top:medium solid #1B507A;
 
[*]  }
 
[*].stone{
[*]-moz-border-radius-bottomleft:8px;
[*]-moz-border-radius-bottomright:8px;
[*]-moz-border-radius-topleft:8px;
[*]-moz-border-radius-topright:8px;
[*]border:1px dotted #000000;
[*]border-bottom:medium solid #1B507A;
[*]border-top:medium solid #1B507A;
 
[*]  }
 
[*].stone1{
[*]-moz-border-radius-bottomleft:8px;
[*]-moz-border-radius-bottomright:8px;
[*]-moz-border-radius-topleft:8px;
[*]-moz-border-radius-topright:8px;
[*]border:1px dotted #000000;
[*] background:#CC99CC;
 
[*]  }
[*]</style>
[*]<table>
[*]                  
[*]   <tbody>
[*]                         
[*]      <tr>
[*]                              
[*]         <td>
[*]                                 
[*]            <table align="right" border="1" cellpadding="0"cellspacing="0" style="width: 500px;border:solid 2px#27739d;background:#66CCCC;border-radius: 5px;border-bottom: 2pxdotted ;">
[*]                                        
[*]               <tbody>
[*]                                             
[*]                  <tr>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f34-montada" target="_blank">General Islamic Forum</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f35-montada" target="_blank">The Qur'an and Qur'anic Interpretation (tafsir)</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f36-montada" target="_blank">Al-Sirah al-Nabawiyah and AL Hadith</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f37-montada" target="_blank">The prophets and companions and followers</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f38-montada" target="_blank">Islamic multimedia</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f39-montada" target="_blank">Foreign books</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f54-montada" target="_blank">Fiqh</a>     
[*]                     </td>
[*]                                                    
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f55-montada" target="_blank">Ramadan Oasis</a>                             
[*]                     </td>
[*]                      
[*]                     <td class="stones" style="text-align: center;"td="">
[*]                              <a href="http://riyad-assalihin.montadamoslim.com/f56-montada" target="_blank">Hajj & Umrah</a>                             
[*]                     </td>
[*]                      
[*]                  </tr>
[*]                                           
[*]               </tbody>
[*]                                    
[*]            </table>
[*]                                   
[*]            <p style="text-align: center;">
[*]                            
[*]            </p>
[*]                                   
[*]            <p style="text-align: center;">
[*]                            
[*]            </p>
[*]                                 
[*]         </td>
[*]                            
[*]      </tr>
[*]                     
[*]   </tbody>
[*]</table>
[/list]


بقي هذا الكود

شكرا

؟

شكرا

تم الحل