Table position in category, and how to hide category border and name, and reduce size of category to my table

Greetings!
This is a link to the forum http://megalomania.forumotion.com/


I am currently working on a design for our forum. I have 3 problems.

First problem. I want my table to be "centered in this category. 

Second problem. To reduce the width and size of the category to fit with my table, so basically only the table is shown.


Third problem. I want the Category border to be the size of my table.


I would like help with how to do this for 1 specific category and also all categorys if I choose to do that.

Lets use the Category Megalomania as an example, thats the one i want to have changed right now. 

Conclusion: I want guests to see the table in Category Megalomania only, with the category border reduced to the size of my table.

I have tried searching the forum for these problems but none seems to work for me or either dont exist.

If anyone could find their time to help me with these problems, it would be 
appreciated.


Thank you in advance

Hi,

Wrap the code that is within the description, which I believe is this one:

Code:

<table border="1" cellspacing="2" cellpadding="2" style="width: 100%;" align="center">
   
   
      <tbody><tr>
         
         <td style="width: 31px;">
             <img src="http://i58.tinypic.com/29n7z7n.png"> &nbsp;
         </td>
         
         <td style="width: 284px;">
             <a href="http://megalomania.forumotion.com/f12-about-us"><span style="font-size: 20px;"><strong>About Us</strong></span></a><br>More information about the guild.
         </td>
         
         <td style="width: 31px;">
             <img src="http://i62.tinypic.com/13z7v5i.png"> &nbsp;
         </td>
         
         <td style="width: 279px;">
             <a href="http://megalomania.forumotion.com/f13-recruitment">Recruitment</a><br>If you are interested in joining us, post here.
         </td>
         
      </tr>
      
      <tr>
         
         <td>
             <img src="http://i57.tinypic.com/f2laww.png"> &nbsp;
         </td>
         
         <td>
             <a href="http://megalomania.forumotion.com/f14-rulesinfo">Rules&amp;Info</a><br>Here you can find our guild rules. &nbsp;
         </td>
         
         <td>
             <img src="http://i60.tinypic.com/20mfjn.png">
         </td>
         
         <td>
             <a href="http://megalomania.forumotion.com/f15-frequently-asked-questions">Frequently Asked Questions</a><br>Common questions answered.
         </td>
         
      </tr>
      
   
  </tbody></table>

With the following:

Code:

<div class="centr">your code goes here</div>

Then, add this into your CSS:

Code:

.centr {
padding-left: 15px;
}

#2 Find this code within your CSS:

Code:

.forabg {
background-color: #0076b1;
background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #fff;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}

And replace it with this:

Code:

.forabg {
background-color: #0076b1;
background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #fff;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
width: 537px !important;
}

#3 the border will be kinda of difficult since you're using an image for the wrap of the category.

Ok but how do I do this for 1 specific category only, changing its width, height and how to center that particulary category in the middle.