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

<table style="width: 900px; height: 99px;" class="stones001" align="center" border="0" cellpadding="0" cellspacing="0">
                
   <tbody>
                         
      <tr>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                              
      </tr>
                         
      <tr>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                              
      </tr>
                         
      <tr>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                                  
         <td class="stones002" style="text-align: center;">
                            موضوعك هننا           
         </td>
                              
      </tr>
                     
   </tbody>
       <style>

.stones001{
border:dotted 1px #27739d;
}

.stones002{
border:solid 1px #27739d;
background:#CCCCCC;
  border-radius: 5px 5px 5px 5px;
 
}

.stones002:hover{
background:#99CCFF;

}

  </style>
</table>
   
<p style="text-align: center;">
            
</p>

<p style="text-align: center;">&nbsp;</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="الرابط هناء" target="_blank">مواضيع</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
               <tr>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
               <tr>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
            </tbody>
         </table>

         <table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
            <tbody>
               <tr>
                  <td class="stone1" style="text-align: center;" td="">وصف</td>
               </tr>
            </tbody>
         </table>

         <table align="right" border="1" cellpadding="1" cellspacing="1" style="background:#9999CC;border-radius: 5px;width: 500px;">
            <tbody>
               <tr>
                  <td class="stone" style="text-align: center;" td="">روابط</td>
                  <td class="stones" style="text-align: center;" td="">اوغيره</td>
               </tr>
               <tr>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
               <tr>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
               <tr>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
               <tr>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
                  <td class="stones" style="text-align: center;" td=""><a href="لرابط هناء" target="_blank">hhhhhh</a></td>
               </tr>
            </tbody>
         </table>

         <p style="text-align: center;">&nbsp;</p>

         <p style="text-align: center;">&nbsp;</p>
         </td>
      </tr>
   </tbody>
</table>