Skip navigation
Currently Being Moderated

putting a template into a wrapper div

Apr 26, 2012 12:49 PM

Tags: #cs5 #help #adobe #div #template #dreamweaver #javascript #css #code #dw

I have used on of Nancy's templates and i'm wanting to put what i have taken inside one of my web pages, which is all inside a wrapper div.


Here is the page:

(the template is to go just above the footer)




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="main.css" rel="stylesheet" type="text/css" />

<link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


<link href="style2.css" rel="stylesheet" type="text/css" />


<div id="wrapper">

<img src="product and website photos/header.png" width="1064" height="116" alt="header" />



<!--begin menu -->

<ul id="MenuBar1" class="MenuBarHorizontal">

<li><a href="#home.html">Home</a></li>

<li><a href="#" class="MenuBarItemSubmenu">Boutique</a><ul>

<li><a href="#" class="MenuBarItemSubmenu">Women</a><ul>

<li><a href="bwt.html">Tops</a></li>

<li><a href="bws.html">Skirts/Shorts</a></li>

<li><a href="bwl.html">Trousers/Leggings</a></li>

<li><a href="bwa.html">Accessories</a></li>

<li><a href="bwd.html">Dresses</a></li></ul></li>

<li><a href="#" class="MenuBarItemSubmenu">Men</a>


    <li><a href="#">Tops</a></li>

    <li><a href="#">Bottoms</a></li>

    <li><a href="#">Accessories</a></li>



<li><a href="#">Semi-Unique</a></li>



<li><a class="MenuBarItemSubmenu" href="#">T-shirt Shop</a><ul>

<li><a href="t-shirt shop.html">Men</a></li>

<li><a href="t-shirt shop.html">Women</a></li>

<li><a href="t-shirt shop.html">Unique</a></li>


<li><a href="clearance.html">Clearance</a></li>

<li><a href="#">About</a></li>




<div id="footer">

  <p>&copy; 2012 your footer text goes here

</p> <!--end footer --></div>



<!--end wrapper --></div>

<script type="text/javascript">



var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});




  • Currently Being Moderated
    Apr 27, 2012 1:36 AM   in reply to hannahmeow

    There is chunks of code missing from what you've posted so far! making it hard to help. I can see a problem before you get any further with 2 div's having the ID of 'wrapper'.

    If you post the complete code for both pages I'll gladly help you put things in order.

    Mark as:
  • Currently Being Moderated
    Apr 27, 2012 10:56 AM   in reply to 3DeeGee


    This is a duplicate post that was already answered in another thread.


    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points