Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: Display Page Pictures appear too low on the screen  (Read 2652 times)

0 Members and 1 Guest are viewing this topic.

vrviji

  • Coppermine newbie
  • Offline Offline
  • Posts: 17
Display Page Pictures appear too low on the screen
« on: August 26, 2004, 05:32:07 am »

Hi,

When someone is browsing the a particular category of pictures - the page that appears, has right on the top - (a) the Banner Part of the site, then (b) the picture that is currently being viewed , then (c) the film strip of the previous and next couple of pictures in that particular category and finally (d) the comments and detals of the particular picture.

My problem is , that with most themes ( correct me if I am wrong ) the banner part of the page takes up about 25 % of the screen - so the picture proper is partly hidden and requires the User to scroll down each time to view the whole picture. And when they click on the next arrow to move to the next picture - the page goes back up again, and they need to scroll down again.

How can we avoid that ? Can we re-arrange the order such that maybe for this view the banner part goes down to the bottom, so a User can click forward thru many pictures without having to scroll down each time to view the full picture ?

Just a small little annoying problem that I have. How nice if there is a fix for this.  I currently use the water drop theme ( I used Rainy Day before ) and it has this problem.

Any advise will be appreciated.

Thank you,

Viji Rajasundram
www.sundram.org
Logged

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: Display Page Pictures appear too low on the screen
« Reply #1 on: August 26, 2004, 07:00:44 am »

you're free to do nearly anything with your theme. e.g. remove/replace the banner section. This is what I did with the theme condensed grey for example. To accomplish this, simply edit your template file, e.g. themes/classic/template.html, find
Code: [Select]
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                                <td><a href="index.php"><img src="themes/classic/images/site_logo.png" alt="" border="0" /><br /></a></td>
                                <td width="100%" align="center">
                                        <h1>{GAL_NAME}</h1>
                                        <h3>{GAL_DESCRIPTION}</h3><br />
                                        {MAIN_MENU}
                                </td>
                        </tr>
                </table>
and replace with
Code: [Select]
<div align="center">{MAIN_MENU}</div>or similar.

To save even more space, take the navigation to the left, like this: replace the content of themes/classic/template.html with
Code: [Select]
<!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={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
{META}
<link rel="stylesheet" href="themes/classic/style.css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="20" cellspacing="20" bgcolor="#CCCCCC">
  <tr>
      <td valign="top" bordercolor="#666666" bgcolor="#FFFFFF" style="border: 1px solid;">
  {MAIN_MENU}
  {LANGUAGE_SELECT_LIST}<br />
  {THEME_SELECT_LIST}
      </td>
      <td valign="top" bordercolor="#666666" bgcolor="#FFFFFF" style="border: 1px solid;">
      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                      <td align="center" valign="top">
                              {ADMIN_MENU}
                              {GALLERY}
                      </td>
              </tr>
      </table>
      </td>
  </tr>
  <tr>
      <td valign="top" colspan="2" bordercolor="#666666" bgcolor="#FFFFFF" style="border: 1px solid;">
          {LANGUAGE_SELECT_FLAGS}
      </td>
  </tr>
</table>
</body>
</html>

This is why we have a theme/template system: you're free to make this up as you like.

GauGau
Logged
Pages: [1]   Go Up
 

Page created in 0.02 seconds with 20 queries.