Constrain width of Coppermine gallery

martyn.pinches · May 16, 2005, 12:13:49 AM

Hi

The site I want to embed Coppermine into is a fixed width with a fixed width banner at the top. Trouble is that Coppermine is expanding to fill the available width of the screen which is lloking horrible. I can restrict the width of components of the gallery but how do I limit the width of the whole thing ~ please

Martyn

OmegaGOD · May 16, 2005, 12:46:33 AM

If you create an iframe and place CPG in the iframe then CPG will only expand to the size in which you set your iframe to.

martyn.pinches · May 16, 2005, 10:50:02 PM

Quote from: OmegaGOD on May 16, 2005, 12:46:33 AM
If you create an iframe and place CPG in the iframe then CPG will only expand to the size in which you set your iframe to.

Thanks ~ I had thought of that and tried it, but the iframe also imposes a height limit which results in the need for scrolling in a LONG page or a shedload of dead space in a short page.

Any other suggestions

Martyn

Joachim Müller · May 17, 2005, 10:05:12 AM

there's no other method to embedd coppermine into a page, using the PHP commands include or require are not option. The recommended way is to build a coppermine theme that matches the look of the rest of your site and that contains your site's overall navigation.
IMO <iframe> sucks, that's why I recommend not using it.
For details, post a link.

martyn.pinches · May 17, 2005, 11:43:10 PM

Quote from: GauGau on May 17, 2005, 10:05:12 AM
there's no other method to embedd coppermine into a page, using the PHP commands include or require are not option. The recommended way is to build a coppermine theme that matches the look of the rest of your site and that contains your site's overall navigation.
IMO <iframe> sucks, that's why I recommend not using it.
For details, post a link.

Hi GauGau ~ thanks for the reply

I have used coppermine at www.imagewales.co.uk/Coppermine. You will see that the Coppermine element expands to fit the whole of the available browser window whilst the site banner remains fixed. The main site maintains a maximum width beyond which a background image tile fills the space (am I making sense?? it has been a L_O_N_G day)

Martyn

snork13 · May 18, 2005, 05:38:53 AM

not sure what you have edited, but have you tried setting the template.html table to the width of your header, looks like you also need some div align=center action on the header, for me it aligns left.

on another note if you shoot me the files i'll fix it, send me a pm or post your files

snork13

Joachim Müller · May 18, 2005, 07:23:28 AM

Looking at the source code of you home page (where you have a lot of markup errors, like double <body> sections etc.), this is a crude first version of something you could use as template.html:

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>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<link rel="start" href="index.php" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="search" href="search.php" />
{META}
<meta name="description" content="the website of Martyn Pinches, photographer" />
<link href="themes/images_wales/style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="skins/halflife/styles.css" />
<script type="text/javascript" src="scripts.js"></script>
<script language="JavaScript">
      function Rollover(imagename, image, over)
      {
        if(window.document.images)
        {
          if (over)
            window.document.images["sdhover" + imagename].src = "./images/" + image;
          else
            window.document.images["sdhover" + imagename].src = "./images/" + image;
        }
      }
</script>
</head>
<body>
<table align="center" bgcolor="#404040" width="780" height="100%" border="1" cellpadding="0" cellspacing="0">

<tr>
<td width="1" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
<td valign="top">

  <table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr><td height="112" bgcolor="#000000" background="skins/halflife/images/header.jpg" style="padding-left: 14px; padding-right: 14px; padding-bottom: 8px; padding-top: 8px;"><font style="font-family: Arial ; font-size: 18pt ; color: #FFFFFF "></font></td></tr>
  <tr><td height="1"   bgcolor="#000000"></td></tr>
  <tr><td height="1"   bgcolor="#4E4E4E"></td></tr>
  <tr><td height="22"  bgcolor="#404040" style="padding-left: 8px; padding-right: 8px;" align="center"><table cellpadding="0" cellspacing="0" border="0">
      <tr><td><a href="index.php?categoryid=1&PHPSESSID=ae675e2cd658d61712dadebbee6222af" class="category">Reception</a></td>

          <td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=11" class="category">Exposure</a></td>
          <td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=12" class="category">Studio</a></td>
          <td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=9" class="category">Darkroom</a></td>
          <td width="28"><img vspace="0" src="skins/halflife/images/sep.gif" /></td><td><a href="index.php?categoryid=13" class="category">Emporium</a></td></tr>
      </table></td></tr>
  <tr><td height="1"   bgcolor="#4E4E4E"></td></tr>
  <tr><td height="1"   bgcolor="#000000"></td></tr>

  <tr><td height="1"   bgcolor="#343434"></td></tr>
  </table>
  </td>
  <td width="1" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
</tr>
<tr>
<td width="1" height="24" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
<td>
<div id="menu">{MAIN_MENU}</div>
<div id="admin_menu" >{ADMIN_MENU}</div>
<div id="content"><div class="innerdiv">{GALLERY}</div></td>
</tr>
<tr>
  <td width="1" height="24" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
  <td height="24">

    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr><td height="1"  bgcolor="#000000"></td></tr>
    <tr><td height="1"   bgcolor="#4E4E4E"></td></tr>
    <tr><td height="22"  bgcolor="#404040" align="center">(c) ImageWales 2005 ~ all rights reserved</td></tr>
    </table>
  </td>
  <td width="1" height="24" bgcolor="#FE9833"><img src="skins/halflife/images/spacer.gif" width="1" /></td>
</tr>
</table>
</body>
</html>

martyn.pinches · May 24, 2005, 10:19:34 PM

Quote from: GauGau on May 18, 2005, 07:23:28 AM
Looking at the source code of youR home page .... this is a crude first version of something you could use as template.html:

GauGau

Many thanks for your help ~ I shall go away and see what I can manage

Martyn

martyn.pinches · May 24, 2005, 11:17:41 PM

I have had another go

As a total newbie to CSS, templates and the like I had trouble in getting the template.html to produce anything that looked remotely like a webpage. So I thought sideways....

I discovered that my CMS system allows me to link to external pages and keep them within the overall main site. I like the way it has worked, however, the images are not showing. The placeholders DO show and calling the properties shows

Quotehttp://www.mydomain.co.uk/albums/userpics/image/thumb_name.jpg

which is obviously the root of my web rather than the root of the Coppermine gallery. The look so far is EXACTLY what I want to achieve, so is there an easy way of changing either the path from where the images are called ~ or to the save path ??

I am using the 2Bornot2B skin and the effect I want can be seen at http://www.imagewales.co.uk/index.php?categoryid=25 whilst the page can be viewed outside of the CMS at www.imagewales.co.uk/Coppermine

Martyn

Joachim Müller · May 25, 2005, 06:46:45 AM

how does this question relate to your first one?

martyn.pinches · May 26, 2005, 12:04:33 AM

Quote from: GauGau on May 25, 2005, 06:46:45 AM
how does this question relate to your first one?

I see it as a natural progression from the original query as it all relates to fixing the width of the page and doesnt leave the thread in mid-air. However I am happy to post it as a new thread if that is what board admin would prefer, but dont want to be responsible for multiple posting of the issue.

I shall start a new thread

Martyn

coppermine-gallery.com/forum

News:

Constrain width of Coppermine gallery

martyn.pinches

OmegaGOD

martyn.pinches

Joachim Müller

martyn.pinches

snork13

Joachim Müller

martyn.pinches

martyn.pinches

Joachim Müller

martyn.pinches