Forcing the graphics in template.html to stay put...

[jedi]

If you can assist me, I'm looking to get my graphics that I've put on template.html to stay put, and the table holding the photo album to remain one size.  While I am not concerned with the template messing up in the backend, I would like it to remain how I intend it to be seen on the front end of the website.

My photo album is located at http://www.ussangeles.org/Awaymissions

template name is lcars, if that will help

What can I do? Any help greatly appreciated, and I thank you in advance!

Jonathan

[Joachim Müller]

I don't understand your question, please rephrase. What do you mean they should stay put?

Joachim

[jedi]

I apologize.

In my template, all the graphics that you see are together, not spread out along the edge of the page all the way to the bottom of the photo album.

http://www.ussangeles.org/Awaymissions/themes/lcars/template.html

That's generally what it is supposed to appear like.

Will that assist?

Jonathan

[jedi]

I withdraw the question, I seem to have solved it on my own.

Thank you for looking, however!

Jonathan

[Joachim Müller]

OK, now I get it. Make a backup of your template.html file and use the one I created for you:

Code Select Expand

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{LANG_DIR}">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<script language="JavaScript" type="text/JavaScript">
<!--
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_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_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>
<body bgcolor="#000000" onLoad="MM_preloadImages('themes/lcars/images/003_1a_USSAngeles_rollover.gif','themes/lcars/images/001_5a_From_Bridge_rollover.gif','themes/lcars/images/001_6a_Upcoming_Missions_rollover.gif','themes/lcars/images/001_7a_Away_Mission_normal.gif','themes/lcars/images/001_8a_Departments_rollover.gif','themes/lcars/images/001_9a_Join_rollover.gif','themes/lcars/images/001_10a_Contact_rollover.gif','themes/lcars/images/001_11a_Long_Range_rollover.gif')">
{META}
<link rel="stylesheet" href="themes/lcars/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.1 2004/06/11 09:20:08 tarique Exp $
-->
</head>
<body>

<table width="770" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <!--DWLayoutTable-->
  <tr>
    <td height="34" colspan="2" valign="top"><a href="http|//www.ussangeles.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Homepage','','themes/lcars/images/003_1a_USSAngeles_rollover.gif',1)"><img src="themes/lcars/images/003_1a_USSAngeles_normal.gif" name="Homepage" width="103" height="34" border="0"></a></td>
    <td width="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td colspan="4" valign="top"><img src="themes/lcars/images/003_1a_header.gif" width="667" height="33"></td>
  </tr>
  <tr>
    <td height="41" colspan="2" valign="top"><img src="themes/lcars/images/003_2a_upper_frame_top.gif" width="104" height="41"></td>
    <td colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

    <td width="368" valign="top"><img src="themes/lcars/images/003_2c_left_header_anim.gif" width="368" height="41"></td>
    <td width="49" valign="top" bgcolor="#000000"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="197" valign="top"><img src="themes/lcars/images/003_2c_right_header_anim.gif" width="197" height="41"></td>
  </tr>
  <tr>
    <td height="45" colspan="7" valign="top"><img src="themes/lcars/images/003_3_frame_horizontal.gif" width="800" height="45"></td>
  </tr>
  <tr>
    <td width="104" height="19" valign="top" style="background-image:url(themes/lcars/images/003_4a_lower_frame_top.gif);background-repeat:repeat-y">
    <!-- the left menu starts here -->
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/bridge.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bridge','','themes/lcars/images/001_5a_From_Bridge_rollover.gif',1)"><img src="themes/lcars/images/001_5a_From_Bridge_normal.gif" name="bridge" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/calendar.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('missions','','themes/lcars/images/001_6a_Upcoming_Missions_rollover.gif',1)"><img src="themes/lcars/images/001_6a_Upcoming_Missions_no.gif" name="missions" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('awaymission','','themes/lcars/images/001_7a_Away_Mission_normal.gif',1)"><img src="themes/lcars/images/001_7a_Away_Mission_rollover.gif" name="awaymission" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/department.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('departments','','themes/lcars/images/001_8a_Departments_rollover.gif',1)"><img src="themes/lcars/images/001_8a_Departments_normal.gif" name="departments" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/join.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('join','','themes/lcars/images/001_9a_Join_rollover.gif',1)"><img src="themes/lcars/images/001_9a_Join_normal.gif" name="join" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','themes/lcars/images/001_10a_Contact_rollover.gif',1)"><img src="themes/lcars/images/001_10a_Contact_normal.gif" name="contact" width="104" height="38" border="0"></a></td>
  </tr>
  <tr>
    <td height="38" valign="top"><a href="http://www.ussangeles.org/work.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('longrange','','themes/lcars/images/001_11a_Long_Range_rollover.gif',1)"><img src="themes/lcars/images/001_11a_Long_Range_normal.gif" name="longrange" width="104" height="38" border="0"></a></td>
  </tr>
</table>
    <!-- the left menu ends here -->
    </td>
    <td width="4"></td>
    <td colspan="5" rowspan="14" valign="top" bordercolor="#000000" bgcolor="#000000" style="border: 1px solid;">
    <!-- The coppermine content starts here -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><a href="index.php"><br />
            </a></td>
          <td width="100%" align="center"> <h1>&nbsp;</h1>
            <br />
            {MAIN_MENU} </td>
        </tr>

      </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
        <tr>
          <td align="center" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
      </table>
      <img src="themes/lcars/images/imagesspacer.gif" width="1" height="15" /><br />
      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

        <!--DWLayoutTable-->
        <tr>
          <td align="center" valign="top"> {ADMIN_MENU} {GALLERY} </td>
        </tr>
        <tr>
          <td height="1"></td>
        </tr>
      </table>
    <!-- The coppermine content ends here -->
</td>
  </tr>
</table>
</body>
</html>
Then, download the graphic I attached and save it into http://www.ussangeles.org/Awaymissions/themes/lcars/images/ (replacing the existing pic there, make a backup of the existing pic first).

This is a very nice theme a lot of trekies might be interessted in. Care to share the full theme? I could even make the coppermine content match the look of the the lcars design easily, as it currently stands out a bit and seems to be "misplaced".

Joachim

[Joachim Müller]

I withdraw the question, I seem to have solved it on my own.

Thank you for looking, however!

Jonathan

too late...

You had improper nesting in your template.
Care to share?

Joachim

[jedi]

 I don't see any attached graphic...  ...Am I missing something?

Jonathan

[Joachim Müller]

I'm sorry, here's the graphic

Joachim

[jedi]

Ok, I saw the graphic.

That's supposed to extend the graphic down as far as the photo album goes, right?

Unfortunately, the spacing between the buttons needs to remain the same size as the one I've got up there now.

Any way you could adjust it so it does the same thing, but keeps the same spacing that the buttons have right now?

Jonathan

[jedi]

And as far as the css sheet goes, I do have knowledge of what I'd like, but I'm not sure what to adjust to get it.

Jonathan

[jedi]

Unfortunately, I am not authorized to release these graphics.  I am under a exclusive-use contract with the provider.  I'm sorry.

I might, however, be able to get an agreement by which he can do a generic LCARS theme.  If I can do that, I'm sure he'll be able to provide you with some graphics to generate a theme that would be satisfactory for the list.

But thanks for the assistance thus far!

Jonathan

[jedi]

Got the spacing corrected manually.  Thanks again for the assist!

Jonathan

[Nibbler]

There is a typo in the url for the link at the top left of the page.

Code Select Expand

<a href="http|//www.ussangeles.org"

Also please fix the visibility of the 'powered by coppermine' footer.

[jedi]

*nods*

This is a devsite at the moment, it isn't live for anyone but me and the client.  I'll be fixing all of that shortly before the launch of that section.

Thanks for pointing out both items though!

Jonathan

[jedi]

Ok, I've got the side fixed, now I've got a problem with the title.  The graphic that says "Away Mission Logs" and the animated gifs below it keep moving around, depending on each page's size.  I'd like the grouping to stay put in one place, no matter how big the frames below it are.   Locking it into a table doesn't seem to help... :-(

Can you help me with this part too?  Any assistance is mucho appreciated!

-Jonathan