The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by Goyim on April 29th 2014, 12:15 am

Greetings!
This is a link to the forumhttp://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

Goyim
New Member

Posts : 2
Reputation : 1
Language : Swedish

http://megalomania.forumotion.com/

Back to top Go down

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

Post by Sir Chivas™ on April 29th 2014, 1:33 am

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://illiweb.com/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://illiweb.com/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.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by Goyim on April 29th 2014, 5:26 pm

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.

Goyim
New Member

Posts : 2
Reputation : 1
Language : Swedish

http://megalomania.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum