forum.coppermine-gallery.net
Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: 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.
<!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} {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
-
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.
-
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
-
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:<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