Eq4bits |
08-25-2007 04:59 PM |
Header/Main Table Width
1 Attachment(s)
I've run into a bit of a problem. To have my forum 'header' match my website I changed my header template as follows:
PHP Code:
<!-- logo --> <script type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }
function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <onload="MM_preloadImages('/images/weyr_over.gif','/images/fsp_over.gif','/images/holdshalls_over.gif','/images/clubpol_over.gif')"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="3" align="left" valign="top"><img src="../images/header.gif" alt="" border="0" height="72" width="800"><br> <a title="Dawnsisters Weyr - Home" href="http://dawnsistersweyr.net/index.html"><img src="../images/home_on.gif" alt="" name="home_up" border="0" height="71" width="104"></a><img src="../images/WS-INTERFACE-DONE_03.gif" alt="" border="0" height="71" width="44"><a title="Dawnsisters Weyr - The Weyr" href="http://dawnsistersweyr.net/weyr/index.html"><img src="../images/weyr_up.gif" alt="THE WEYR" name="weyr_up" onmouseover="MM_swapImage('weyr_up','','/images/weyr_over.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="71" width="145"></a><img src="../images/WS-INTERFACE-DONE_05.gif" alt="" border="0" height="71" width="14"><a title="Dawnsisters Weyr - The FSP" href="http://dawnsistersweyr.net/fsp/index.html"><img src="../images/fsp_up.gif" alt="THE FSP" name="fsp_up" onmouseover="MM_swapImage('fsp_up','','/images/fsp_over.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="71" width="113"></a><img src="../images/WS-INTERFACE-DONE_07.gif" alt="" border="0" height="71" width="37"><a title="Dawnsisters Weyr - Holds & Halls" href="http://dawnsistersweyr.net/holds/index.html"><img src="../images/holdshalls_up.gif" alt="HOLDS & HALLS" name="holdshalls_up" onmouseover="MM_swapImage('holdshalls_up','','/images/holdshalls_over.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="71" width="116"></a><img src="../images/WS-INTERFACE-DONE_09.gif" alt="" border="0" height="71" width="35"><a title="Dawnsisters Weyr - Club Policies" href="http://dawnsistersweyr.net/club/index.html"><img src="../images/clubpol_up.gif" alt="CLUB POLICIES" name="clubpol_up" onmouseover="MM_swapImage('clubpol_up','','/images/clubpol_over.gif',1)" onmouseout="MM_swapImgRestore()" border="0" height="71" width="179"></a><img src="../images/WS-INTERFACE-DONE_11.gif" alt="" border="0" height="71" width="13"></td> </tr> <tr> <td style="background-color: rgb(192, 179, 120);" align="center" bgcolor="#302808" valign="top" width="202"><img src="http://dawnsistersweyr.net/test/images/header/barleft.gif" height="68" width="203"></td> <td align="left" bgcolor="#c0b378" valign="top" width="21"><img src="/images/WS-INTERFACE-DONE_13b.gif" height="30" width="21"></td> <td align="left" bgcolor="#c0b378" valign="top" width="577"><img src="http://dawnsistersweyr.net/test/images/header/bottom_header.gif" alt="" border="0" height="68" width="577"> </td> </tr> <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center"> <!-- /logo -->
<!-- content table --> $spacer_open
$_phpinclude_output
Prior to making this change I used a screenshot as a single header image until I could figure out how to use the website multi-image interface. Anyway, before I made this header change the forum main table was 'set' to 800px. Now, since I changed the header code it's full page width. I checked the AdminCP>Styles & Templates>Style Manage>All Style Options>Sizes & Dimensions and it's still indicating the 800 px... but as you can maybe see it's spread all the way across the page. How do I fix this to where it's the 800px to line up with the overall dimension of my header????? there are also some 'breaks' i.e. between the 'header' and the next 'table' that shouldn't be there. Help!
Edit: Added attachment pics - 'old' forumhome/'new' forumhome/'new' forumdisplay/'new' showthread
|