PDA

View Full Version : Help with template that has DIV tag and nothing else


KathyF
12-14-2010, 09:02 PM
HELP! I've got myself in trouble again... I'm not a programmer.

In Dreamweaver 8, I selected File | New ... then selected Page Designs (on the General tab) ... selected Halo Left Nav.

I then did a Save As Template.

I liked the navigation stuff in the top <div> tag so I kept that and deleted the content in the 2nd div area so that I could create my own.

Next, I need to make my editable regions, but it says that I can't put editable regions in the div tag block so I deleted that div tag block.

I thought maybe I could create a table underneath my navigation div tag, but I'm not sure what I'm doing.

I've only worked in table layouts before (never used div tags).

Help! How do I now make an editable region? Since I'm happy with tables, CAN I insert a table to put my content?

Here's the code:
<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="../emx_nav_left.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;
//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = allitems;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}
//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site informatio</a></div>
<div id="masthead">
<h1 id="siteName"><font size="6"><strong><font color="74C2E1"> &nbsp;Trade Mark Waterjet Chillers</font></strong></font></h1>
<p>&nbsp;</p>
<div id="utility"> <a href="#">Utility Link</a> | <a href="#">Utility Link</a> | <a href="#">Utility Link</a> </div>
<div id="globalNav">
<div id="globalLink"> <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Waterjet Chiller </a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Features</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Technology</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Purchase</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Support</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">About Us </a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">Contact Us </a> </div>
<!--end globalLinks-->
<form id="search" action="">
<input name="searchFor" type="text" size="10" />
<a href="">search</a>
</form>
</div>
<h5>
<!-- end globalNav -->
<img src="../images/trademark_chillers_background.jpg" width="100%" height="20" /></h5>
</div>
<p>&nbsp;</p>
<p>
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>