Topic: Modified template html with header and clickable regions not working? (Read 3569 times)

sdavis68 · « **on:** November 07, 2004, 12:31:54 am »

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

donnoman · « **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.

sdavis68 · « **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

Joachim Müller · « **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

News:

Author Topic: Modified template html with header and clickable regions not working? (Read 3569 times)

sdavis68

Modified template html with header and clickable regions not working?

donnoman

Re: Modified template html with header and clickable regions not working?

sdavis68

Re: Modified template html with header and clickable regions not working?

Joachim Müller

Re: Modified template html with header and clickable regions not working?