How do I make first table of index.php flush with left of window? How do I make first table of index.php flush with left of window?
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

How do I make first table of index.php flush with left of window?

Started by TheSystemSucks, December 02, 2006, 01:19:02 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

TheSystemSucks

December 02, 2006, 01:19:02 AM Last Edit: December 04, 2006, 04:08:21 AM by GauGau
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/galleries
username: test  password:  test

attached is template.php
Here is template.html
I have added the background in the first table field
Code Select
<!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">&nbsp;


</th>




          </tr>
        </table>
<p>&nbsp;</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

Gizmo

#1
December 02, 2006, 07:57:45 PM Last Edit: December 02, 2006, 08:08:56 PM by Gizmo
Hi Erik,

Don't take this the wrong way but I think you may have choosen the wrong theme to try and force-fit your site to. It looks like you're using Stramm's Oranje theme as the base and then trying to make it work for you. Seems like your z-index's and such are out of whack and they can be confusing to deal with. Take a look at this thread for creating a new theme and see if that wouldn't be easier - http://forum.coppermine-gallery.net/index.php?topic=24056.0 then use this thread to make it work with Stramm's Modpack - http://forum.coppermine-gallery.net/index.php?topic=34905.0. Also, I'd put the background image in the <body> - http://www.w3.org/TR/REC-CSS2/colors.html#background-properties.

That's a great background by the way! Good luck.
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

TheSystemSucks

#2
December 03, 2006, 12:01:53 AM
Thanks Gizmo, I just gotta say that I figured out the problem... I was calling anycontent/catagories or whatever in the config. anycontent was blank so it was framing it off... I have since fixed it..

TheSystemSucks

#3
December 03, 2006, 12:10:38 AM
Im not sure what you mean by "z-index's" so im not sure if I have solved that.... Im kinda worried that I have butchered the code as I figured out *slowly how to get where I am... now that I have solved this thread by removing anycontent.php, Everything seems to be working great... tell me about z-index's please...

Stramm

#4
December 03, 2006, 11:21:03 AM
if you have defined several layers (div areas) it may happen that they overlap. The order you set with the z-index (css)

I do not remember to make use of that in the oranje theme. If you take a look at some of Gizmo's fantastic themes you'll probably see z-indexes in action

Can I mark this as solved?
Print
Go Up Pages1
User actions