Quick question about forum tables?

[TR]

Hey guys,
is there a CSS code I can pop into my forum so these tables don't stretch on large screens? Meaning, they have a set width.

[TR]

Additionally, here is the code for my current forum structure in index_body, perhaps something could be modified in there so they have a fixed width? Any help would be appriciated.

Code:

  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head" style="-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content" style="-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;">
        <table cellspacing="0" class="table">
            <tbody class="statused">
              <tr>
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    <div class="forum-desc">{catrow.forumrow.FORUM_DESC}</div><br/>
                    <!-- BEGIN switch_moderators_links -->
{catrow.forumrow.POSTS} posts in {catrow.forumrow.TOPICS} threads.<br/>
{catrow.forumrow.LAST_POST}
<br/>
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
              </tr>
            </tbody>
        </table>
      </div>
<br/>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

[TR]

Up

[--kml--]

:O i dont get what you meant :O

P.S : What is your forum link? i need to know O_o

[TR]

Meaning, they have a set width.

So the forum tables have a set width their at. Currently, on large screens, they become wider since the actual screen area is greater.

And its http://frogzard.omgforum.net/forum.htm

[kirk]

it should not have anything to do with the code in the template.
it's in your setting if adjusting the forums width.. i am not even sure it looks like a big mess from my computer..

let me check out a few things and see if i can give you a couple suggestions.

[TR]

Cool, thanks Kirk.

Even though the width is set at 75%, the forum tables don't seem to be going by that... There was some template editing done to make the forum rows look like that in the first place, which might be causing it- I'm just not sure how to fix it.

[TR]

Anyone?

[Darren1]

Hello,

I'm not 100% sure, Ill ask RoNo just to clarify and edit my post if necessary, but I don't think that setting a table to a fixed with is possible.

RoNo has confirmed that it is possible and he'll pop by and help you sometime soon

An alternative could be:
Use a div with a set width for the content
+ margin left and margin right set to auto.

[TR]

Thanks Darren.

[Darren1]

Ok, I've done a bit of fideling, and it was eaiser than I though lol.
Seems like both me and RoNo have been busy lately lol

The code below should work on all resolutions and screens, but there is no automatic way of doing it for all tables, it would have to be manually typed into the table code.

Code:

[table border="1" width="400"]
  [tr]
    [td] Month[/td]
    [td] Savings[/td]
  [/tr]
  [tr]
    [td] January[/td]
    [td] $100[/td]
  [/tr]
[/table]

Now, assuming all works well, it should pop out like this:

Month	Savings
January	$100

You;ll just need to adjust the "width="400" to whatever you'd like.

I'm sure if this isn't sufficient, RoNo should be able to come up with soemthing 10x more complex than me lol


Now it's off to sleep

[TR]

Thanks Darren ,
But by tables, do you mean the descriptions in the categories? Since the tables are generated by the cats being created.

I've tried entering it in the description and it doesn't seem to be working.

[Darren1]

What type of table are you referring to?

I'm talking about the one I've got showing above lol, that's the one I thought you were talking about.

[TR]

Oh, sorry. Lol
I meant making a set width of my forum category tables, as shown in the image.

[Darren1]

Sorry, I didn't see that before. haha.

That requires CSS far beyond my limited knowledge, I'll remind RoNo to pop back in, but he's saying he's awfully busy, and it appears Ankillien is taking some time off.

[TR]

Alright, thanks for your help! ^^

[TR]

Anyone?

[TR]

Anyone?

[TR]

Anyone?

[RoNo]

Hey guys,
is there a CSS code I can pop into my forum so these tables don't stretch on large screens? Meaning, they have a set width.

Try changing your widths from percentages to fixed.
Example: Your footer width is currently set to 75.5%
It will always stretch to 75.5% of a browser window.
Change it to a fixed width for uniform size on any screen.
(ACP/Display/Colors/Css Stylesheet)

Code:

.pun #pun-foot {
width:700px;
margin:0 auto;
}

[TR]

Tried entering

Code:

.pun #pun-foot {
width:700px;
margin:0 auto;
}

on the stylesheet and their width was still stretching to screensize; Am I missing something?

Thanks for posting, by the way.

[TR]

Anyone?

[RoNo]

I see "div.pun width" is set to 80% at the bottom of your Css

Try this...

Code: div.pun {width:900px; margin 0px auto;}

[TR]

That worked, thanks!

[RoNo]

This topic is closed. Glad I could help. LockedRoNo

General rules Tricks & Tips FAQ listing

For founders who lost their passwords About support requests by PM Announcements & Updates