I have stramms mod pack installed, works wonderfully btw..
I have used the first table to display the background picture as was
suggested elswhere in the forum. I have applied this to template.php
The issue:
in index.php
I cannot make the first table that displays everything (including
background image) flush with the left of the browser. Coloring the background
to match image is copping out and not an option. If there is a way to set the background
image above the table I have not found it (but if anyone knows how, that
would solve my problem possibly, please leave explicit directions on which files and where to moddify).
All other .php files, such as profile.php, search.php, register.php, displayimage.php, and etc.,
are fine.
I have an invisible navbar that sits over the background image so the jumping around of the
background is a pain. I could make the navbar move on the index.php but that is also a copp out.
Server is here:
http://www.thesystemsucks.com/galleriesusername: test password: test
attached is template.php
Here is template.htmlI have added the background in the first table field
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" 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_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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
{META}
<link rel="stylesheet" href="themes/skate/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body style="bodybody" onload="MM_preloadImages('/images/buttons/hometabselect.gif','/images/buttons/theshoptabselect.gif','/images/buttons/photostabselect.gif','/images/buttons/videostabselect.gif','/images/buttons/rampplanstabselect.gif')">
<table width="170%" border="0" style="background-image:url(http://www.thesystemsucks.com/images/sk8backdrop.jpg);">
<tr>
<th height="970" scope="row">
<div id="login" style="position:absolute; width:200px; height:89px; z-index:3; left: 50px; top: 215px;">
{LOGIN_FORM}<span style="font-size: 8px;"><br />
</span> </div>
<div id="navbar" style="position:absolute; width:292px; height:632px; z-index:2; left: -7px; top: 268px;">
<table width="251" height="517" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="77"><a href="/index.php" target="_top"
onClick="MM_nbGroup('down','group1','home','http://www.thesystemsucks.com/images/buttons/invisbutton.gif',1)"
onMouseOver="MM_nbGroup('over','home','http://www.thesystemsucks.com/images/buttons/invisbutton.gif','',1)"
onMouseOut="MM_nbGroup('out')"><img src="http://www.thesystemsucks.com/images/buttons/invisbutton.gif" alt="" name="home" width="151" height="77" border="0" onload="" /></a></td>
</tr>
<tr>
<td height="80"><a href="/shop/shop.htm" target="_top"
onclick="MM_nbGroup('down','group1','shop','http://www.thesystemsucks.com/images/buttons/invisbutton.gif',1)"
onmouseover="MM_nbGroup('over','shop','http://www.thesystemsucks.com/images/buttons/invisbutton.gif','',1)"
onmouseout="MM_nbGroup('out')"><img src="http://www.thesystemsucks.com/images/buttons/invisbutton.gif" alt="" name="shop" width="160" height="65" border="0" onload="" /></a></td>
</tr>
<tr>
<td height="62"><a href="/decks/decks.htm" target="_top"
onclick="MM_nbGroup('down','group1','photos','http://www.thesystemsucks.com/images/buttons/invisbutton.gif',1)"
onmouseover="MM_nbGroup('over','photos','http://www.thesystemsucks.com/images/buttons/invisbutton.gif','',1)"
onmouseout="MM_nbGroup('out')"><img src="http://www.thesystemsucks.com/images/buttons/invisbutton.gif" alt="" name="photos" width="194" height="55" border="0" onload="" /></a></td>
</tr>
<tr>
<td height="72"><a href="/galleries/index.php" target="_top"
onclick="MM_nbGroup('down','group1','photos','http://www.thesystemsucks.com/images/buttons/invisbutton.gif',1)"
onmouseover="MM_nbGroup('over','photos','http://www.thesystemsucks.com/images/buttons/invisbutton.gif','',1)"
onmouseout="MM_nbGroup('out')"><img src="http://www.thesystemsucks.com/images/buttons/invisbutton.gif" alt="" name="photos" width="183" height="62" border="0" onload="" /></a></td>
</tr>
<tr>
<td height="85"><a href="/galleries/index.php" target="_top"
onclick="MM_nbGroup('down','group1','videos','http://www.thesystemsucks.com/images/buttons/invisbutton.gif',1)"
onmouseover="MM_nbGroup('over','videos','http://www.thesystemsucks.com/images/buttons/invisbutton.gif','',1)"
onmouseout="MM_nbGroup('out')"><img src="http://www.thesystemsucks.com/images/buttons/invisbutton.gif" alt="" name="videos" width="180" height="72" border="0" onload="" /></a></td>
</tr>
<tr>
<td height="141"><a href="/plans/plans.htm" target="_top"
onClick="MM_nbGroup('down','group1','plans','http://www.thesystemsucks.com/images/buttons/invisbutton.gif',1)"
onMouseOver="MM_nbGroup('over','plans','http://www.thesystemsucks.com/images/buttons/invisbutton.gif','',1)"
onMouseOut="MM_nbGroup('out')"><img src="http://www.thesystemsucks.com/images/buttons/invisbutton.gif" alt="" name="plans" width="192" height="117" border="0" onload="" /></a></td>
</tr>
</table>
</div>
<div id="mainpage" style="position:absolute; width:972px; height:567px; z-index:1; left: 478px; top: 18px;">
<table width="100%" border="0">
<tr>
<th scope="col">
</th>
</tr>
</table>
<p> </p>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="760" valign="top" align="center"> {CUSTOM_HEADER} </td>
</tr>
<img src="themes/skate/images/black_spacer.gif" width="758" height="1" border="0" alt="" /> <tr>
<td width="760" valign="top" align="center" style="padding-right:10px; background-repeat: no-repeat; background-position: center right; background-image:url(themes/skate/images/logo.jpg);">
<table cellpadding="0" cellspacing="3" border="0" width="100%"><tr>
<td align="right">
<h1>{GAL_NAME}</h1>{GAL_DESCRIPTION} <br /><br />
</td></tr></table>
</td>
</tr>
</td>
<tr>
<td width="760" valign="top" align="left">
<table width="756" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="left" width="640"> {GALLERY} </td>
<td valign="top" align="left" width="116" style="padding-top:15px;">
<div id="sysmenu" style="position:absolute; width:119px; height:37px; z-index:1; left: -123px; top: -9px;" > {SYS_MENU}<br/>
<br/></div>
<div id="submenu" style="position:absolute; width:150px; height:37px; z-index:1; left: 0px; top: -10px;" > {SUB_MENU}<br/>
<br/></div>
<div id="adminmenu" style="position:absolute; width:119px; height:37px; z-index:1; left: -200px; top: 228px;" > {ADMIN_MENU}<br/>
<br/></div>
</tr>
</table>
<br /> </td>
</tr>
<tr>
<td height="1" align="center"><img src="themes/skate/images/black_spacer.gif" width="758" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td valign="bottom">
<div align="center">{LANGUAGE_SELECT_FLAGS}</div>
{CUSTOM_FOOTER} {VANITY} </td>
</tr>
<tr>
<td height="1" align="center"><img src="themes/skate/images/black_spacer.gif" width="758" height="1" border="0" alt="" /></td>
</tr>
</table>
</div></th>
</tr>
</table>
</body>
</html>
tank you in advance -erik