Announcement

Collapse
No announcement yet.

How to add side skirts to template

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to add side skirts to template

    Hello,

    How do I add side skirts to my forum, it is fixed at 800px. What I mean by side skirts is, a background image on the left and right side of the whole forum table.

    Anyways if you need me to post any of my templated (they are all pretty much default) then just ask.

    thanks a lot.
    Last edited by tilight; Thu 4th Nov '04, 6:33pm. Reason: title mispelling

  • #2
    You can do that by enclosing your forum in a table, like this:

    Code:
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
    	<td width="10" style="background: #123456 url(left_background.gif);">
    	</td>
    
    	<td>
    		MAIN FORUM CONTENT
    	</td>
    
    	<td width="10" style="background: #123456 url(right_background.gif);">
    	</td>
    </tr>
    </table>
    You can split this code between the top of your header and the bottom of your footer, split where it says MAIN FORUM CONTENT.

    Comment


    • #3
      Ok, thanks a lot btw for the help. I did what you said and I have a little problem, they arent connected to the sides.



      I added this to the footer (at the VERY bottom):
      PHP Code:
          </td>

          <
      td width="24" style="background: #2B1E0B url(images/misc/sidebar_right.gif);">
          </
      td>
      </
      tr>
      </
      table
      I added this to the VERY top of the header:
      PHP Code:
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
      <
      tr>
          <
      td width="24" style="background: #2B1E0B url(images/misc/sidebar_left.gif);">
          </
      td>

          <
      td
      Attached an image of my problem.
      Attached Files

      Comment


      • #4
        Change the table width to something more appropriate, or remove the width and it should "form fit":

        Code:
        <table width="100%" cellpadding="0" cellspacing="0" border="0">

        Comment


        • #5
          Yay it worked! But I had to put a <div align="center"> before the table and I had to close it after the </table>. Is that the best way to do it?

          Comment


          • #6
            That is one way to do it, yes.

            Comment

            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...
            X