Break up categories and posts?
 

I wanted to add images to my categories and posts. But first I have to separate the categories and posts.

I did that and have a problem I was wondering if someone would know how to fix this. The categories came out fine but the post didn't. You can see I have a header and footer with rounded corners. But this wasn't a problem on the main page breaking up the categories.

The posts after I separate them have green behind them instead of white. Here are the sreenshots.

Thanks

install this template mod to break up your posts (by me as well lol):

let me know if it works ok :)

Regards

- miSt

Didn't work! Here is the screenshot :) I noticed you had an image called mainbg.gif . I don't think I have that image!



Postbit Below
==============================================

<table bgcolor=""#FFFFFF" background="images/mainbg.gif"" width="750" cellpadding="0" cellspacing="0" border="0"><tr><td width="10"><img width="10" height="1" src="images/space.gif" alt=""></td><td width="100%"><!-- spacer -->

<table cellpadding="0" cellspacing="0" border="0" bgcolor="#6597D9" width="100%" align="center"><tr><td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td bgcolor="$post[backcolor]" width="175" valign="top" nowrap>
<a name="post$post[postid]"></a>
$post[firstnewinsert]
<normalfont><b>$post[username]</b></normalfont> <a href="search.php?s=$session[sessionhash]&action=finduser&userid=$post[userid]"><img src="images/findnew.gif" border="0"></a><br>
<smallfont>$post[usertitle]</smallfont><br>
$post[avatar]<p>
<smallfont>Registered: $post[joindate]<br>
Location: $post[field2]<br>
Posts: $post[posts]<br>
$post[donation]<br>$onlinestatus</smallfont></td>

<td bgcolor="$post[backcolor]" width="100%" height="100%" valign="top">
<table width="100%" border="0" cellpadding="0" align="left" height="100%">
<tr>
<td bgcolor="$post[backcolor]" colspan="2" align="left" valign="top" height="20"><smallfont>$post[icon] <b>$post[title]</b></smallfont></td>
</tr>
<tr>
<td bgcolor="$post[backcolor]" colspan="2" align="left" valign="top"><p><normalfont>$post[message]</normalfont></p></td>
</tr>
<tr>
<td bgcolor="$post[backcolor]" colspan="2" align="left" valign="bottom" height="20"> $post[attachment]</td>
</tr>
<tr>
<td bgcolor="$post[backcolor]" colspan="2" align="left" valign="bottom" >$post[signature]</td>
</tr>
<tr>
<td bgcolor="$post[backcolor]" align="left" valign="top" height="8">$post[editedby]</td>
<td bgcolor="$post[backcolor]" align="right" valign="top" height="8"><smallfont><a href="report.php?s=$session[sessionhash]&postid=$post[postid]">Report this post to a moderator</a> | $post[iplogged]</smallfont></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="$post[backcolor]" width="175" height="16" nowrap><smallfont>$post[foldericon]
$post[postdate] <font color="#000000">$post[posttime]</font></smallfont></td>

<td bgcolor="$post[backcolor]" width="100%" valign="middle" height="16">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td><smallfont>
$post[profile] $post[pmlink] $post[useremail] $post[homepage] $post[search] $post[buddy]
<!-- $ post[icqicon] --> <!-- $ post[aimicon] --> <!-- $ post[yahooicon] -->
</smallfont></td>
<td align="right" nowrap><smallfont>
<a href="editpost.php?s=$session[sessionhash]&action=editpost&postid=$post[postid]"><img src="images/edit.gif" border="0" alt="Edit/Delete Message"></a>
<a href="newreply.php?s=$session[sessionhash]&action=newreply&postid=$post[postid]"><img src="images/quote.gif" border="0" alt="Reply w/Quote"></a>
</smallfont></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>

<!-- spacer --></td><td width="10"><img width="10" height="1" src="images/space.gif" alt=""></td></tr></table>

<!--added-->
<table align="center">

<td bgcolor=""#FFFFFF" background="images/mainbg.gif"" width="100" height="10" align="center"></td>

</table>
<!--/added-->

hmmm weird...

*investigates*

- miSt

investigates ??????????? are you investigating :)


Nice logo :)

bump :)

in your DEFAULT looking postbit find this:

Note: { imagedfolder{ wont have the gap...

then under it add this:

__________

Note: { imagedfolder} and { pagebgcolor} wont have the gaps...
__________

I dont know where you got the mainbg.gif from unless u have a image as your page background???

- miSt

Mist,

Here's what happened. The last thing you posted didn't work. It break the posts but doesn't fix the problem.

The post with the hack in it by Xipoid says to put the following in the footer and header. That worked but messed up my rounded corners on the bottom.

===========================================
Tweak!
There were threads where users complained about the breaking showing up the page bground color instead of the main table background color. I fixed this on my new style by putting eveything in the header & footer in 1 new main table. Please keep in mind that if you have other designs etc, this might screw it up, but it works here.. so enjoy
header - at the top add :
<center>
<table bgcolor="#FFFFFF" width="100%" cellpadding="10" cellspacing="0" border="0"><tr><td>
footer - at the bottom add :
</td></tr></table></center>
Maybe it helps you too.
==============================================

So I played around and put Xipoid code and put it at the top of postbit and at the bottom of postbit and it works :)

I hope that helps someone.

I do have a new and probably simpler problem. I posted a screen shot of it.

How do I resized the dark green table smaller or make the whole postbit are larger to even up. Also at the bottom my quick reply box/table and similar threads tables are the same as the dark green table at the bottom of the page.

I need to go smaller with them or larger with the postbit area.

Thanks for you help