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: Modified template html with header and clickable regions not working?  (Read 3565 times)

0 Members and 1 Guest are viewing this topic.

sdavis68

  • Coppermine newbie
  • Offline Offline
  • Posts: 4

Hi,

I am new to this program.  I have spent a couple hours reading through these posts and have easily figured out how to attach a header.  The program seems to work fine.  My problem is, my header is driven by clickable regions.  I put the html to support this in templates.html, but it is not working.  I cannot figure out why.  It should just activate a hyperlink?

Here is the code.

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/hardwired/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.5 2004/08/16 20:58:51 gaugau Exp $
-->
</head>
<body>
<table width="774" height="275" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="778" height="275" valign="middle" align="right" background="themes/hardwired/images/galleryheader3.jpg" usemap="#opener">

<map name="opener" id="opener">
<area alt="gallery" shape="rect" coords="193,418,289,478"
href="http://www.3dexcellence.com/galleryx">
<area alt="forums" shape="rect" coords="256,188,360,216"
href="http://www.3dexcellence.com/phpbb2">
<area alt="links" shape="rect" coords="431,228,523,259"
href="http://www.3dexcellence.com/links.html">
<area alt="boards" shape="rect" coords="563,229,753,258"
href="http://www.3dexcellence.com/downloads.html">
<area alt="news" shape="rect" coords="597,421,666,477"
href="http://www.3dexcellence.com/news.php">
<area alt="contact" shape="rect" coords="566,188,701,216"
href="http://www.3dexcellence.com/contact.php">
<area alt="product sales" shape="rect" coords="22,229,260,260"
href="http://www.3dexcellence.com/productsales.php">
<area alt="index" shape="rect" coords="289,229,392,260"
href="http://www.3dexcellence.com">
</map></td>
</table>
        <table width="73%" height="32" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="94%" height="22" valign="bottom" align="right"><span class="gal_name">{GAL_NAME}</span></td>
            <td width="6%"></td>
          </tr>
        </table>
      </td>
  </tr>
  <tr>
    <td height="100%" align="center" valign="top" background="themes/hardwired/images/hw_02.gif"><table width="100%" height="100%" border="0" align="center">
        <tr>
          <td valign="top" align="left">
              <table width="725" border="0" align="center" cellpadding="6" cellspacing="0">
                <tr>
                  <td height="108" valign="top"><div align="right">{MAIN_MENU1}</div><br />
                    {MAIN_MENU2} <br />
                    <div align="center">{THEME_SELECT_LIST}&nbsp;{LANGUAGE_SELECT_LIST}</div><br />
                    {ADMIN_MENU} {GALLERY}</td>
                </tr>
              </table>
              <br />
            </td>
        </tr>
      </table></TD>
  </tr>
  <tr>
    <td valign="bottom"> <img src="themes/hardwired/images/hw_03.gif"></td>
  </tr>
</table>
<br />
<div align="center">{LANGUAGE_SELECT_FLAGS}</div>
</body>
</html>


I have checked and re-checked this code.  The region numbers are correct, they are identical to what i have at my index page.

The site is online at
http://www.3dexcellence.com

If anyone can help me figure this out, it would be helpful. 

Thanks,

Scott

















« Last Edit: November 07, 2004, 11:12:41 am by GauGau »
Logged

donnoman

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1615
  • From donovanbray.com
    • Donovan Bray
Re: Modified template html with header and clickable regions not working?
« Reply #1 on: November 07, 2004, 07:41:35 am »

Perhaps its because you've got a problem with dns and/or the host, and not much to do with the html code.

I just tried to go to your site and got "Cannot find server or DNS Error"

I'll try again later.
Logged

sdavis68

  • Coppermine newbie
  • Offline Offline
  • Posts: 4
Re: Modified template html with header and clickable regions not working?
« Reply #2 on: November 07, 2004, 09:28:18 am »

Hi,  thanks for trying to look.  I just went to my site and it is up. 

However, I cannot get into my cpanel, so I assume the site was down and the host is doing maintenance or the like.  I am glad you think my code is okay.  It wasn't working at all, when my site was definitely working fine.

Thanks,

Scott
Logged

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: Modified template html with header and clickable regions not working?
« Reply #3 on: November 07, 2004, 11:36:42 am »

image maps with clickable link have gotten "out of fashion" exactly for the reason that it's hard to get it to work sometimes. I suggest you replace it with a modern approach to this:
either create a table with a background image that holds only your 3D logo and the navigation items as separate images in table cells (with no border) that have a regular link, or use layer positioning techniques (using css). Both methods are fine, but for the sake of backward compatibility with old browsers I recommend the first technique.
This is some sample code:
Code: [Select]
<div align="center">
  <table border="0" cellspacing="0" cellpadding="0" width="728" style="background-image:url(path/to/your/background/image.jpg);background-repeat:no-repeat;background-position:top left;margin:0px;padding:0px;">
    <tr>
      <td colspan="4">
        <img src="path/to/a/blind/gif/for/positioning/blind.gif" width="728" height="200" border="0" alt="">
        <!-- You need a blind gif with the dimension 1x1 pixels only for positioning the whole enchilada-->
      </td>
    </tr>
    <tr>
      <td valign="middle" align="center">
        <a href="/galleryx/">
          <img src="path/to/your/navigation/images/gallery.gif" width="50" height="20" border="0" alt="" title="Gallery" />
        </a>
      </td>
      <td valign="middle" align="center">
        <a href="/phpbb2/">
          <img src="path/to/your/navigation/images/forum.gif" width="50" height="20" border="0" alt="" title="Forum" />
        </a>
      </td>
      <td valign="middle" align="center">
        <a href="/news.php">
          <img src="path/to/your/navigation/images/news.gif" width="50" height="20" border="0" alt="" title="News" />
        </a>
      </td>
      <td valign="middle" align="center">
        <a href="/contact.php">
          <img src="path/to/your/navigation/images/contact.gif" width="50" height="20" border="0" alt="" title="Contact" />
        </a>
      </td>
    </tr>
    <tr>
      <td valign="middle" align="center">
        <a href="/productsales.php">
          <img src="path/to/your/navigation/images/products.gif" width="50" height="20" border="0" alt="" title="Product sales" />
        </a>
      </td>
      <td valign="middle" align="center">
        <a href="/">
          <img src="path/to/your/navigation/images/home.gif" width="50" height="20" border="0" alt="" title="Home" />
        </a>
      </td>
      <td valign="middle" align="center">
        <a href="/links.html">
          <img src="path/to/your/navigation/images/links.gif" width="50" height="20" border="0" alt="" title="Links" />
        </a>
      </td>
      <td valign="middle" align="center">
        <a href="/downloads.html">
          <img src="path/to/your/navigation/images/downloads.gif" width="50" height="20" border="0" alt="" title="Downloads" />
        </a>
      </td>
    </tr>
  </table>
</div>
The main advantage is that you can even add a nice rollover to the images, making it obvious that people can actually click the navigation links.

HTH

Joachim
Logged
Pages: [1]   Go Up
 

Page created in 0.021 seconds with 19 queries.