I've taken a web page, entered the hole code from between the tags as content. Then I've gone and added teh rest to a template, putting some java (which is used for a flash menu system) between {literal}{/literal} tags.
All seemed well othe than the menus just don't work. Then I started to try and break teh page down into sections using gglobal blocks. I cut out the header code and stuck that in a block called header then used the given tag to put it as teh first thing in the body in the template. Then I cut out the footer code (from div to /div) and stuck that in a block too and put that after the {content} tag before the closing body tag.
Apart from my flash menu system not working it appears anything I put in global blocks doesn't get teh css layout, everything inside the conent page is css formatted fine so I know eth template is using teh css. I got this far on a much more complex website and thought I was biting off more than I coudl chew so I chose a simpler site to try it on and got stuck at the same point.
What am I doing wrong please?
The code of the actual page I am trying to practice on is as follows
From here to body (not including) into the template with {literal}{/literal} surrounding the two java scripts as one.
Code: Select all
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Shalom House - St Davids Pembrokeshire, Wales</title>
<link href="css/shalom.css" rel="stylesheet" type="text/css"/>
<__script__ type="text/javascript" src="includes/Creative Menus/menuDisplay.js"></__script>
<__script__ type="text/javascript" src="includes/Creative Menus/swfobject.js"></__script>
</head>
</__body>
Code: Select all
<div id="outerWrapper">
<div id="header">
<p><img src="images/shalomlogo.gif" width="498" height="171" alt="shalom Logo" /></p>
<p><img src="images/details.jpg" alt="details" name="details" width="500" height="38" border="0" usemap="#detailsMap" id="details"/>
<map name="detailsMap" id="detailsMap">
<area shape="rect" coords="131,17,294,37" href="mailto:info@shalomstdavids.org" target="_blank" alt="E-mail" />
<area shape="rect" coords="317,16,481,37" href="../" target="_blank" alt="Home" />
</map>
</p>
</div>
<div id="topNavigation">
<!-- Creative menu Shalom begin -->
<div id="CMPH_Shalom"> <img src="includes/Creative Menus/spacer.gif" width="660" height="40" alt="spacer"/></div>
<div id="creative_menu_Shalom" menu_type="H" name="Shalom" >
<div id="menu_holder_Shalom">
<div id="menu_options" totalwidth="660" totalheight="40" fittopage="false" skin="LG Style" skincustom="" skinfiles="" mainColors="#4EC4EA,#7685C2" subColors="#4EC4EA,#7685C2" resizeOptions="" cutRoundCorners="false">
<div id="main_menu" mainButPos="Center,0" mainButResize="fit to largest text" ></div>
<div id="main_button" mainButSpacing="4" mainBESettings="MiddleRevealH,8" mainButReverse="true" mainArrow="0,0" showMainArrow = "false" mainMinSize="0" ></div>
<div id="main_text" mainFont="Calibri,14" mainUpFmt="#FFFFFF,,bold," mainOverFmt="#FFFFFF,bold,," mainDownFmt="#FFFFFF,bold,," mainHTSettings="Center,2" mainVTSettings="Top,18" mainHTSpace="9" ></div>
<div id="sub_menu" subButPos="Middle,15" subMESettings="FreeSlideV,5" subLMESettings="Fade,6" hSubMenuAlign="Center" subMenuReverse="true" openEvent="Rollover" delays="6,5" hSubOverlap="0" vSubOverlap="0" subMinSize="0" submenualpha="100" fixalphatext="true"></div>
<div id="sub_button" subButSpacing="2" subBESettings="FadeRevealDown,8" subButReverse="true" showSubArrow = "false" subArrow="" subButResize="fit to largest text" ></div>
<div id="sub_text" subFont="Calibri,14" subUpFmt="#FFFFFF,bold,," subOverFmt="#FFFFFF,bold,," subDownFmt="#FFFFFF,bold,," subHTSettings="Center,10" subVTSettings="Middle,5" subHTSpace="10" subVTSpace="10" > </div>
</div>
<div id="creative_menu_structure" >
<div><a href="index.htm" target="_parent" level="">Home</a></div>
<div><a href="#" target="_parent" level="">About Us</a>
<div><a href="shalom.htm" target="_parent" level=">">Shalom</a></div>
<div><a href="vision.htm" target="_parent" level=">">Vision</a></div>
<div><a href="philosophy.htm" target="_parent" level=">">Philosophy</a></div>
<div><a href="people.htm" target="_parent" level=">">People</a></div>
</div>
<div><a href="#" target="_parent" level="">Care & Support</a>
<div><a href="therapies.htm" target="_parent" level=">">Therapies</a></div>
<div><a href="facilities.htm" target="_parent" level=">">Facilities</a></div>
<div><a href="referrals.htm" target="_parent" level=">">Referrals</a></div>
</div>
<div><a href="news.htm" target="_parent" level="">News & Events</a></div>
<div><a href="donate.htm" target="_parent" level="">Donate</a></div>
<div><a href="contact.htm" target="_parent" level="">Contact Us</a></div>
</div>
</div>
</div>
<!-- Creative menu Shalom end -->
</div>
Code: Select all
<div id="contentWrapper">
<div id="back">
<div id="content">
<table cellpadding="10">
<tr>
<td align="center"><p><span class="header">Welcome to the Shalom House Website</span><br />
<br />
Our aim is to provide care and support for adults with life threatening illnesses in Pembrokeshire.<br />
<br />
Within our websites pages you will find details about our<a class="ImLink" href="philosophy.htm"> Philosophy,</a> the <a class="ImLink" href="therapies.htm">Therapies</a> we offer, <a class="ImLink" href="donate.htm">How to donate to our charity</a>, how to <a class="ImLink" href="referrals.htm">refer to us</a> and also how to <a class="ImLink" href="contact.htm">contact us</a> for anything else.</p></td>
</tr>
</table>
<p><img src="images/home_1_01.jpg" alt="Shalom House" width="373" height="239" /></p>
</div>
</div>
</div>
From here upto the body (but not including) in a global called footer
Code: Select all
<div id="footer">
© Designed and built by <a href="http://www.celticwebsolutions.co.uk">Celtic Web Solutions</a> for Shalom House- St Davids. <br />Registered Charity No 111 7564
</div>
</div>
<!-- Creative Menus - menu rendering scripts start -->
{literal}
<__script__ type="text/javascript"> buildMenu() </__script>
<noscript>
This menu requires JavaScript in order to be properly displayed. Viewing requirements can be found at <a href="www.extendstudio.com">Extend Studio</a> (Flash components and extensions, Dreamweaver extensions, Tools for web design and development)
</noscript>
<!-- Creative Menus - menu rendering scripts end -->{/literal}
<__body>
</__html>My template reads
Code: Select all
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{title}</title>
{stylesheet}
{literal}
<__script__ type="text/javascript" src="includes/Creative Menus/menuDisplay.js"></__script>
<__script__ type="text/javascript" src="includes/Creative Menus/swfobject.js"></__script>{/literal}
</head>
</__body>
{global_content name='header'}
{content}
{global_content name='footer'}
<__body>
</__html>
All your help will stop me having a total breakdown so PLEASE HELP!
Lol
Thanks in advance
Pod
Just trying to modify the album module now so that it can use floatbox instead of thickbox. I'll get there !