Okay, here is what i have. The theme.html file with logo added, using an image map.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<table width="885" border="0" cellspacing="0" cellpadding="0">
<tr id="header">
<td id="headerlogo"><img src="<{$xoops_imageurl}>images/logo.gif" width="885" height="148" border="0" usemap="#Map" /></td>
</tr>
</table>
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="default/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->
</td>
<td id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<{include file="default/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<{include file="default/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td><td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<{include file="default/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
<div id="content">
<{$xoops_contents}>
</div>
</td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}>
<{include file="default/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="243,110,286,126" href="#" />
<area shape="rect" coords="292,109,338,126" href="#" />
<area shape="rect" coords="346,108,444,126" href="#" />
<area shape="rect" coords="451,105,516,125" href="#" />
<area shape="rect" coords="516,108,586,123" href="#" />
<area shape="rect" coords="590,108,644,125" href="#" />
<area shape="rect" coords="514,132,632,146" href="#" />
</map>
</body>
</html>
Now here is my next question. And this has to do with image placement.
First off, here is a link to the images i currently have sliced...
http://s98.photobucket.com/albums/l251/ccczone/
You will see a few images the same and a few i cut thinking i may need them.
Now, on the left side, i need to stretch the stars image as the border, so when the page grows, this grows.
Also, either the left.gif or menu_chpt.gif is to be the actual left column. The Find your CHapter is going to be image mapped and the main menu is going to rest inside the red block.
Where do i put these files? In the theme.html or the theme_blockleft.html? BEcause adding them to the css file, they're not showing up.
If you look at the site:
http://payd.checkmywebpage.com/ i have the logo image displayed with working image map. I think where i'm getting confused is what file to put the rest of the images.
Now, when opening the theme_leftblock and theme_rightblock files, allt hat is there is:
<div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
So the other question i have is, if i need to put the image files here, my html ie: table tags go after the div tags correct?
(this was originally going to be a static site, thus the way it was designed. But minds changed and they want a database driven site)
