Header help?

Does anybody know how to make my header in a pefect square with even gaps between each?

Hello itachi uchiha,

Please provide a link to your forum.

Thank you

Sorry it was removed because some admin decided to play with it and mess it completely up
here is the code for it though.

Code:

<center>
   
   <table id="Frozen">
      
      <tbody>
         
         <tr>
            
            <td rowspan="3">
               
               <div style="overflow: auto; width: 250px; height: 330px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                  
                  <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                      <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/spotli10.png" />
                  </div><br />
                  <div class="ciss" style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;top: -10px;">
                     
                     <center>
                         Content
                     </center>
                     
                  </div>
                  
               </div>
               
            </td>
            
            <td rowspan="3">
               
               <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                  
                  <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                      <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/events10.png" />
                  </div><br />
                  <div class="ciss" style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;  top: -10px;">
                     
                     <center>
                         Content
                     </center>
                     
                  </div>
                  
               </div>
               
            </td>
            
            <td rowspan="3">
               
               <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                  
                  <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                      <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/welcom13.png" />
                  </div>
                  
                  <table>
                     
                     <tbody>
                        
                        <tr>
                           
                           <td>
                              
                              <div class="ciss" style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 90px;position: relative;top: 0px;">
                                 
                                 <center>
                                     Content
                                 </center>
                                 
                              </div>
                              
                           </td>
                           
                        </tr>
                        
                        <tr>
                           
                           <td>
                              
                              <div style="width: 210px; height: 119px; background: #000000; margin-top: 0px; padding: 5px;">
                                 
                                 <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -35px;">
                                     <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/news10.png" />
                                 </div><br />
                                 <div style="width: 195px; height: 58px; overflow: auto; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; padding: 7px;position: relative;top: -5px;">
                                    
                                    <center>
                                       
                                    </center>
                                    
                                 </div>
                                 
                              </div>
                              
                           </td>
                           
                        </tr>
                        
                     </tbody>
                     
                  </table>
                  
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td rowspan="2">
               
            </td>
            
            <td>
               
            </td>
            
         </tr>
         
      </tbody>
      
   </table>
   
</center>

Link to site: http://www.narutonexusrp.com/forum

Has it been removed, because I do not see it?

Yes it has been removed because somebody from staff played with it and it went down into the categories? Would you like me to add it back so you can see it?

Yes, please.

Its back

Thanks.

The only issue I see is that it looks like it is cut off on the right side.

Thats what it looks like for me?

It does not look like that for me.

Clear your browser's history and cache.

I just did and its still the same

Try using a different browser.

well i asked some of my other members with different browsers and they have the same problem?

Sorry to tell you, but the reason why it is not aligning correctly is because of the widgets.  When I remove them, it aligns perfectly.

Try increasing the forum's width.

How do i do that?

Administration Panel > General > Forum > Configuration
Forum Width:

or

In your CSS:

Code:

.pun {
       width:  70%;
}

This is what I see when I inspect your CSS.

What should i change it too?

Hi

Try 100%

Regards,
Pizza Boi