Header Issues

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Tony D
    New Member
    • May 2006
    • 7
    • 3.5.x

    Header Issues

    Hi All,
    I've been trying for the last few days to get my forum as close as possible to the phpbb board i was using. I got 90% of the way untill i got to the point where i need to add the header. If you look at the site http://outreachny.net you can see that the header table at 100% and fits perfectly. I coppied the html from that forum and cleaned it up to insert into my VBB forum at http://outreachny.net/vbb and you can see what happens. The table doesn't span the width of the page, and the area behind the apple logo doesn't fill in. I think its a css issue, but can't find the problem. If i add the html into the template modification page under the "header" section, it will show correctly when i perview it, but when its actually loaded on the forum the example above shows up.
    Can anyone give me some pointers as to where to look?

    Thanks,
    Tony
  • serenity
    Member
    • Sep 2003
    • 73
    • 3.6.x

    #2
    can you post your header template please?

    Comment

    • Tony D
      New Member
      • May 2006
      • 7
      • 3.5.x

      #3
      Hi Serenity,
      This is the code that i'm using for the header. Any information you could provide would be greatly appreciated.

      Thanks,
      Tony
      Code:
      <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
      <!-- ImageReady Slices (layout.psd) -->
      <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
          <TR>
              <TD height="50" COLSPAN=3>
                  <IMG SRC="http://www.outreachny.com/images/layout_01.gif" WIDTH=322 HEIGHT=50 ALT=""></TD>
              <TD width="62" ROWSPAN=2>
                  <a href="http://www.outreachny.com/index.htm"><IMG SRC="http://www.outreachny.com/images/layout_02.gif" ALT="" WIDTH=62 HEIGHT=75 border="0"></a></TD>
              <TD width="84" ROWSPAN=2>
                  <a href="http://www.outreachny.com/lists/index.htm"><IMG SRC="http://www.outreachny.com/images/layout_03.gif" ALT="" WIDTH=84 HEIGHT=75 border="0"></a></TD>
              <TD width="63" ROWSPAN=2>
                  <a href="http://www.outreachny.com/contact.htm"><IMG SRC="http://www.outreachny.com/images/layout_04.gif" ALT="" WIDTH=63 HEIGHT=75 border="0"></a></TD>
              <TD width="219" ROWSPAN=2>
                  <IMG SRC="http://www.outreachny.com/images/layout_05.gif" WIDTH=219 HEIGHT=75 ALT=""></TD>
              <TD width="100%" ROWSPAN=6 background="http://www.outreachny.com/images/layout_06.gif">
                  <IMG SRC="http://www.outreachny.com/images/layout_06.gif" WIDTH=10 HEIGHT=240 ALT=""></TD>
              <TD width="1">
                  <IMG SRC="http://www.outreachny.com/images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD>
          </TR>
          <TR>
              <TD width="262" ROWSPAN=4 valign="top" background="http://www.outreachny.com/images/layout_07.gif">
                  <table border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
                    <tr>
                      <td width="10%">&nbsp;</td>
                      <td width="90%">                  <img src="http://www.outreachny.com/images/Outreach Bracket (apple).gif" width="190" height="116" align="top"><br>                </td>
                    </tr>
                  </table>      </TD>
              <TD width="31" ROWSPAN=5>
                  <IMG SRC="http://www.outreachny.com/images/layout_08.gif" WIDTH=31 HEIGHT=190 ALT=""></TD>
              <TD width="29" height="25">
                  <IMG SRC="http://www.outreachny.com/images/layout_09.gif" WIDTH=29 HEIGHT=25 ALT=""></TD>
              <TD>
                  <IMG SRC="http://www.outreachny.com/images/spacer.gif" WIDTH=1 HEIGHT=25 ALT=""></TD>
          </TR>
          <TR>
              <TD height="28" COLSPAN=5>
                  <IMG SRC="http://www.outreachny.com/images/layout_10.gif" WIDTH=457 HEIGHT=28 ALT=""></TD>
        </TR>
          <TR>
              <TD height="78" COLSPAN=5>
                  <IMG SRC="http://www.outreachny.com/images/layout_11.gif" WIDTH=457 HEIGHT=78 ALT=""></TD>
              <TD>
                  <IMG SRC="http://www.outreachny.com/images/spacer.gif" WIDTH=1 HEIGHT=78 ALT=""></TD>
          </TR>
          <TR>
              <TD COLSPAN=5 ROWSPAN=2>
                  <IMG SRC="http://www.outreachny.com/images/layout_12.gif" WIDTH=457 HEIGHT=59 ALT=""></TD>
              <TD height="45">
                  <IMG SRC="http://www.outreachny.com/images/spacer.gif" WIDTH=1 HEIGHT=45 ALT=""></TD>
          </TR>
          <TR>
              <TD ROWSPAN=2>
                  <IMG SRC="http://www.outreachny.com/images/layout_13.gif" WIDTH=262 HEIGHT=70 ALT=""></TD>
              <TD height="14">
                  <IMG SRC="http://www.outreachny.com/images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
          </TR>
          <TR>
              <TD height="53" COLSPAN=7><!--DWLayoutEmptyCell-->&nbsp;</TD>
        <tr>
            <td height="0"></td>
        </tr>
      </TABLE>

      Comment

      • serenity
        Member
        • Sep 2003
        • 73
        • 3.6.x

        #4
        try this

        Code:
        <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
        <!-- ImageReady Slices (layout.psd) -->
        <table width=100% border=0 cellpadding=0 cellspacing=0>
          <tr> 
            <td height="50" colspan=3> <img src="http://www.outreachny.com/images/layout_01.gif" width=322 height=50 alt=""></td>
            <td width="62" rowspan=2> <a href="http://www.outreachny.com/index.htm"><img src="http://www.outreachny.com/images/layout_02.gif" alt="" width=62 height=75 border="0"></a></td>
            <td width="84" rowspan=2> <a href="http://www.outreachny.com/lists/index.htm"><img src="http://www.outreachny.com/images/layout_03.gif" alt="" width=84 height=75 border="0"></a></td>
            <td width="63" rowspan=2> <a href="http://www.outreachny.com/contact.htm"><img src="http://www.outreachny.com/images/layout_04.gif" alt="" width=63 height=75 border="0"></a></td>
            <td width="219" rowspan=2> <img src="http://www.outreachny.com/images/layout_05.gif" width=219 height=75 alt=""></td>
            <td width="100%" rowspan=6 background="http://www.outreachny.com/images/layout_06.gif"> 
              <img src="http://www.outreachny.com/images/layout_06.gif" width=100% height=240 alt=""></td>
            <td width="100%"> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=50 alt=""></td>
          </tr>
          <tr> 
            <td width="262" rowspan=4 valign="top" background="http://www.outreachny.com/images/layout_07.gif"> 
              <table border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
                <tr> 
                  <td width="10%">&nbsp;</td>
                  <td width="90%"> <img src="http://www.outreachny.com/images/Outreach Bracket (apple).gif" width="190" height="116" align="top"><br> 
                  </td>
                </tr>
              </table></td>
            <td width="31" rowspan=5> <img src="http://www.outreachny.com/images/layout_08.gif" width=31 height=190 alt=""></td>
            <td width="29" height="25"> <img src="http://www.outreachny.com/images/layout_09.gif" width=29 height=25 alt=""></td>
            <td> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=25 alt=""></td>
          </tr>
          <tr> 
            <td height="28" colspan=5> <img src="http://www.outreachny.com/images/layout_10.gif" width=457 height=28 alt=""></td>
          </tr>
          <tr> 
            <td height="78" colspan=5> <img src="http://www.outreachny.com/images/layout_11.gif" width=457 height=78 alt=""></td>
            <td> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=78 alt=""></td>
          </tr>
          <tr> 
            <td colspan=5 rowspan=2> <img src="http://www.outreachny.com/images/layout_12.gif" width=457 height=59 alt=""></td>
            <td height="45"> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=45 alt=""></td>
          </tr>
          <tr> 
            <td rowspan=2> <img src="http://www.outreachny.com/images/layout_13.gif" width=262 height=70 alt=""></td>
            <td height="14"> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=14 alt=""></td>
          </tr>
          <tr> 
            <td height="53" colspan=7><!--DWLayoutEmptyCell-->&nbsp;</td>
          <tr> 
            <td height="0"></td>
          </tr>
        </table>

        Comment

        • Tony D
          New Member
          • May 2006
          • 7
          • 3.5.x

          #5
          Thanks Serenity,
          That did the trick!! THe only thing that doesn't look correct is the area around the apple. I will have to take a deeper look into why it look like its missing something.

          Thanks,
          Tony D

          Comment

          • Tony D
            New Member
            • May 2006
            • 7
            • 3.5.x

            #6
            I think i see the problem, but aren't sure why its happening. The line thats bold seems to be not showing up in the header when its pasted into the header of vbulletin. It will showup if i preview just the html in dreamweaver. Its probably the same thing that caused the other problem that you corrected. Any help will be greatly appreciated. Thanks again

            Thanks,
            Tony

            <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
            <!-- ImageReady Slices (layout.psd) -->
            <table width=100% border=0 cellpadding=0 cellspacing=0>
            <tr>
            <td height="50" colspan=3> <img src="http://www.outreachny.com/images/layout_01.gif" width=322 height=50 alt=""></td>
            <td width="62" rowspan=2> <a href="http://www.outreachny.com/index.htm"><img src="http://www.outreachny.com/images/layout_02.gif" alt="" width=62 height=75 border="0"></a></td>
            <td width="84" rowspan=2> <a href="http://www.outreachny.com/lists/index.htm"><img src="http://www.outreachny.com/images/layout_03.gif" alt="" width=84 height=75 border="0"></a></td>
            <td width="63" rowspan=2> <a href="http://www.outreachny.com/contact.htm"><img src="http://www.outreachny.com/images/layout_04.gif" alt="" width=63 height=75 border="0"></a></td>
            <td width="219" rowspan=2> <img src="http://www.outreachny.com/images/layout_05.gif" width=219 height=75 alt=""></td>
            <td width="100%" rowspan=6 background="http://www.outreachny.com/images/layout_06.gif">
            <img src="http://www.outreachny.com/images/layout_06.gif" width=100% height=240 alt=""></td>
            <td width="100%"> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=50 alt=""></td>
            </tr>
            <tr>
            <td width="262" rowspan=4 valign="top" background="http://www.outreachny.com/images/layout_07.gif">
            <table border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
            <tr>
            <td width="10%">&nbsp;</td>
            <td width="90%"> <img src="http://www.outreachny.com/images/Outreach Bracket (apple).gif" width="190" height="116" align="top"><br>
            </td>
            </tr>
            </table></td>
            <td width="31" rowspan=5> <img src="http://www.outreachny.com/images/layout_08.gif" width=31 height=190 alt=""></td>
            <td width="29" height="25"> <img src="http://www.outreachny.com/images/layout_09.gif" width=29 height=25 alt=""></td>
            <td> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=25 alt=""></td>
            </tr>
            <tr>
            <td height="28" colspan=5> <img src="http://www.outreachny.com/images/layout_10.gif" width=457 height=28 alt=""></td>
            </tr>
            <tr>
            <td height="78" colspan=5> <img src="http://www.outreachny.com/images/layout_11.gif" width=457 height=78 alt=""></td>
            <td> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=78 alt=""></td>
            </tr>
            <tr>
            <td colspan=5 rowspan=2> <img src="http://www.outreachny.com/images/layout_12.gif" width=457 height=59 alt=""></td>
            <td height="45"> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=45 alt=""></td>
            </tr>
            <tr>
            <td rowspan=2> <img src="http://www.outreachny.com/images/layout_13.gif" width=262 height=70 alt=""></td>
            <td height="14"> <img src="http://www.outreachny.com/images/spacer.gif" width=100% height=14 alt=""></td>
            </tr>
            <tr>
            <td height="53" colspan=7><!--DWLayoutEmptyCell-->&nbsp;</td>
            <tr>
            <td height="0"></td>
            </tr>
            </table>

            Comment

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