Announcement

Collapse
No announcement yet.

Header Template Help

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

  • Header Template Help

    Hello,

    I'm having a bit of trouble aligning my new header/logo image under Common Templates > Header, hopefully someone can help me out...

    Anywho, I don't understand why the image's I'm using seem to overlap the tables by one damn pixel! As the below screenshot indicates:

    http://img17.echo.cx/img17/6057/1pixel1ac.gif

    It's hard to see but take my word for it, the header overlaps by a single pixel.

    And here's the code for those interested:

    Code:
    <!-- logo -->
    <a name="top"></a>
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
    <tr>
    	<td align="$stylevar[left]" width="1" height="150"><img src="$stylevar[imgdir_misc]/inf_logo_left.jpg" border="0" alt="" /></td>
    	<td align="$stylevar[center]" width="100%" height="150" background="$stylevar[imgdir_misc]/inf_logo_repeat.jpg"></td>
    	<td align="$stylevar[right]" width="275" height="150"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>
    
    	</td>
    </tr>
    </table>
    <!-- /logo -->
    
    <!-- content table -->
    $spacer_open
    
    $_phpinclude_output
    (I'd just like to add the images I've used are just place-holders till I can Photoshop up some better images)

    I've tried a few things ranging from putting a <div align= command around the table to specfying the table width/height and no luck.

    Sorry if I was a bit vague, if I missed something out then please let me know. Any help would be appreciated!
    Last edited by Stephen Powell; Thu 2nd Jun '05, 11:47am.

  • #2
    You've got whitespace

    Code:
    <!-- logo -->
    <a name="top"></a>
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
    <tr>
     <td align="$stylevar[left]" width="1" height="150"><img src="$stylevar[imgdir_misc]/inf_logo_left.jpg" border="0" alt="" /></td>
     <td align="$stylevar[center]" width="100%" height="150" background="$stylevar[imgdir_misc]/inf_logo_repeat.jpg"></td>
     <td align="$stylevar[right]" width="275" height="150"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    </tr>
    </table>
    <!-- /logo -->
    <!-- content table -->
    $spacer_open
    $_phpinclude_output

    Comment


    • #3
      Hi Zachery, thanks for the swift reply.

      Unfortunatley your fix didn't correct it and that damn single pixel is still haunting me! Except this time I used a code suggested by someone else in the Additional CSS Definitions tab and this made the logo overlap the table on the other side instead! Arrgh.

      Code:
      Table.border {
      border-left: 2px #131619 solid;
      border-right: 2px #131619 solid;
      border-bottom: 2px #131619 solid;
      }
      
      .info {
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 3px;
      padding-right: 0px;
      background-color: #192126;
      border-top: 1px solid #181B16;
      border-right: 2px solid #181B16;
      border-left: 1px solid #181B16;
      border-bottom: 2px solid #181B16;
      margin-bottom: 3px;
      }
      Any idea what could be causing this?
      Last edited by Stephen Powell; Fri 3rd Jun '05, 12:21am.

      Comment


      • #4
        Is it possible to see this html in action on the forums? It helps for debugging.

        Comment


        • #5
          Hi Zachery,

          Here's a link, bear in mind though that all the current header images are just there for reference till I can make some that actually "gel" together.

          Link

          Comment


          • #6
            Looks fine to me

            Comment


            • #7
              Strange. You're saying the header image's aren't overlapping for you? What broswer and moniter resolution are you using? Also, if anyone else could confirm this for me as well then that would help.

              Comment


              • #8
                1600x1200 on IE6 SP2

                Can you show me what it "should" look like so im not being crazy?

                Comment


                • #9
                  Well, the header images should align correctly within the table. But I'm guessing there's some phantom code in the CSS somewhere that's creating this and unfortunatley, I can't find it.

                  Comment


                  • #10
                    Well I mean, it looks ok to me but Im not sure what it should look like originally

                    Comment


                    • #11
                      I think it's more to do with cellpadding and cellspacing, personally.

                      Comment


                      • #12
                        The cellpadding and cellspacing commands are both set to "0". And even when I start a fresh template from scratch the problem unfortunatley still remains.

                        Unless there's something I've missed then I just do not understand this at all.

                        Comment


                        • #13
                          Thats my point.. I mean, the other tables have something like cellspacing set to 1, and padding of 6, right?

                          It'll affect the overall width by changing those values too.

                          Comment

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