Log in

View Full Version : Aligning the tables on the main forum page

pgowder
11-15-2002, 01:52 PM
Take a look at my forum:

http://www.powwows.com/gathering

I want to align the columns on this page to make it look a little better.

What template is that?

I tried editing forumdisplay_forumbit_level2_post to:

<tr align="center">
<td bgcolor="#F9F9F9" valign="top" width="30"><img src="images/$forum[onoff].gif" border="0" alt=""></td>
<td bgcolor="#FFFFFF" align="left" width="200"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont><b>$forum[title]</b></normalfont></a>
<br><smallfont>$forum[description]</smallfont></td>
<td bgcolor="#F9F9F9" width="25"><normalfont>$forum[replycount]</normalfont></td>
<td bgcolor="#FFFFFF" width="25"><normalfont>$forum[threadcount]</normalfont></td>
<td bgcolor="#F9F9F9" width="25"><smallfont>$forum[lastpostinfo]</smallfont></td>
<td bgcolor="#FFFFFF" width="25"><smallfont>$forum[moderators]</smallfont></td>
</tr>

But I don't see a difference??!!??
pgowder
11-20-2002, 09:52 PM
Can someone help?
Tony G
11-21-2002, 02:58 AM
Edit forumdisplay, you'll need to edit the <table> tags to change the alignment of a WHOLE table.
pgowder
11-22-2002, 04:10 PM
Maybe I'm missing it, but below is my template, where???

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>$foruminfo[title] - $bbtitle</title>
$headinclude
</head>
<body>
$header

<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td valign="top">$navbar
<smallfont>$moderatedby$onlineusers</smallfont></td>
<td valign="bottom" align="right"><smallfont>$newthreadlink&nbsp;</smallfont></td>
</tr>
</table>

<br>

$forumdisplay[forumslist]

$forumdisplay[threadslist]

<!-- forum jump and timezone -->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
<td>$forumjump</td>
<td align="right">
<table cellpadding="0" cellspacing="0" border="0"><tr>
<form action="search.php" method="post">
<td><smallfont><b>Search this Forum:</b>
<input type="hidden" name="s" value="$session[sessionhash]"><input type="hidden" name="searchdate" value="-1">
<input type="hidden" name="beforeafter" value="after"><input type="hidden" name="forumchoice" value="$forumid">
<input type="hidden" name="action" value="simplesearch"><br><input type="text" class="bginput" name="query">$gobutton
</smallfont></td>
</form>
</tr></table>
</td>
</tr>
</table>
<!-- /forum jump and timezone -->

<br>

<!-- icon key -->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr><td colspan="5" align="center"><smallfont>$timezone</smallfont></td></tr>
<tr><td rowspan="2" width="50%">&nbsp;</td>
<td nowrap><smallfont><img src="images/newfolder.gif" border="0" alt="New Posts"> <b>New posts</b> &nbsp;&nbsp;</smallfont></td>
<td nowrap><smallfont>( <img src="images/newhotfolder.gif" border=0 alt="Hot Thread"> <b>More than $hotnumberposts replies or $hotnumberviews views</b> )&nbsp;&nbsp;</smallfont></td>
<td nowrap><smallfont><img src="images/lockfolder.gif" border="0" alt="Closed Thread"> <b>Closed thread</b></smallfont></td>
</tr>
<tr>
<td nowrap><smallfont><img src="images/folder.gif" border="0" alt="No New Posts"> <b>No new posts</b> &nbsp;&nbsp;</smallfont></td>
<td nowrap colspan="2"><smallfont>( <img src="images/hotfolder.gif" border=0 alt="Hot Thread"> <b>More than $hotnumberposts replies or $hotnumberviews views</b> )&nbsp;&nbsp;</smallfont></td>
<td rowspan="2" width="50%">&nbsp;</td></tr>
</table>
<!-- /icon key -->

<br>

<!-- forum rules and admin options -->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
<td><smallfont><b>Forum Rules:</b>$forumrules</smallfont></td>
<td align="right">$adminoptions</td>
</tr>
</table>
<!-- /forum rules and admin options -->

$footer
</body>
</html>
Tony G
11-22-2002, 08:00 PM
Actaully, I'm wrong. Check forumdisplay_forumslist. I'm not sure if thats wrong I'll take a deeper look later.
pgowder
11-22-2002, 08:29 PM
Tried that, but it didn't make a change???


<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
<tr align="center" valign="bottom">
<td bgcolor="{tableheadbgcolor}" width="10"><smallfont>&nbsp;</smallfont></td>
<td bgcolor="{tableheadbgcolor}" align="left" width="250"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="25"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="25"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="50"><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="100"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>
$forumbits
</table>
</td></tr></table>

<br>
Tony G
11-22-2002, 08:59 PM
I think those are the <table> tags (At the top) you need to edit.
pgowder
11-23-2002, 12:53 AM
How would that change the alignment of the columns?
Tony G
11-23-2002, 01:29 AM
I got it now, sorry.

Go into your forumhome_forumbit_level1_nopost and check the code for the forum/replies/threads etc. header under the category have width %'s.
pgowder
11-23-2002, 01:33 AM
Here's that section:


<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="250" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="25"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="25"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="75"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>
pgowder
11-23-2002, 01:34 AM
I used the link below to add the space between the categories.

http://www.vbulletin.com/forum/showthread.php?s=&postid=304614#post304614
Tony G
11-23-2002, 01:36 AM
This code:


<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>


Has the widths in it, and thats what aligns the tables. Add this at the TOP of forumhome_forumbit_level1_nopost.
pgowder
11-23-2002, 01:45 AM
At the top??

Here is the whole template:


</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">



<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6" align="center"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{categoryfontcolor}"><b>$forum[title]</b></normalfont></a>
<br><smallfont color="{categoryfontcolor}">$forum[description]</smallfont></td>
</tr>

<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="250" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="25"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="25"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="75"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>
<tr>
<td colspan="6" bgcolor="#FF0000"></td>
</tr>
Tony G
11-23-2002, 02:41 AM
Find:

<tr align="center">
<td bgcolor=""#C1D7F4" background="images/head_bg.gif""><smallfont> </smallfont></td>
<td bgcolor=""#C1D7F4" background="images/head_bg.gif"" width="250" align="left"><smallfont color="#000000"><b>Forum</b></smallfont></td>
<td bgcolor=""#C1D7F4" background="images/head_bg.gif"" width="25"><smallfont color="#000000"><b>Posts</b></smallfont></td>
<td bgcolor=""#C1D7F4" background="images/head_bg.gif"" width="25"><smallfont color="#000000"><b>Threads</b></smallfont></td>
<td bgcolor=""#C1D7F4" background="images/head_bg.gif"" nowrap><smallfont color="#000000"><b>Last Post</b></smallfont></td>
<td bgcolor=""#C1D7F4" background="images/head_bg.gif"" width="75"><smallfont color="#000000"><b>Moderator</b></smallfont></td>
</tr>

Whats that code under it?