![]() |
|
|
|||
|
Dreamweaver Template Problem
Now that I finally have my CSS layout, I need it as a template because I am
going to be applying it to about 100 pages. I can save the file as a template just fine, but as soon as I add an editable region (to my main content div) I am no longer able to preview my work in my browser even though it is still visable in the design view of Dreamweaver. Even when I upload the page to the server all I get is a plain white page. I've attached the code. Thanks in advance for any help! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>Welcome to The Colony Beach & Tennis Resort</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="The Colony Beach and Tennis Resort" content="The Colony Beach and Tennis Resort Longboat Key Florida" /> <meta name="The Colony Beach and Tennis Resort" content="Tropical Vacation Florida" /> <meta name="Author" content="The Colony Beach and Tennis Resort" /> <style type="text/css" media="all">@import url(../css/master.css);</style> <style> <!-- BODY {background-attachment: fixed;} </STYLE> </head> <body background="../images/general/bkg_5.jpg"> <div id="page-container"> <div id="top-nav"> <div id="altnav"> <a href="/about/contact.html">Contact Us</a> | <a href="/email.html">Sign Up for Email Specials</a> | <a href="/packages">Value Packages</a> | <a href="/specials">Hot Specials!</a> </div> </div> <div id="spacer"></div> <div id="main-nav-top"></div> <div id="page-container2"> <div id="main-nav"> <div id="logo"> <img src="../images/general/Logo.gif" /></div> <dl> <dt id="about"><a href="/about">About</a></dt> <dt id="accommodations"><a href="/accommodations">Accommodations</a></dt> <dt id="activities"><a href="/activities">Resort Activities</a></dt> <dt id="dining"><a href="/dining">Dining</a></dt> <dt id="shopping"><a href="/shopping">Shopping</a></dt> <dt id="spa"><a href="/spa">Spa</a></dt> <dt id="events"><a href="/events">Special Events</a></dt> <dt id="groups"><a href="/groups">Group Gatherings</a></dt> </dl> <div id="ads"> <img src="../images/ads/staycation.jpg"><p></p> <img src="../images/ads/girls_getaway.jpg"><p></p> <img src="../images/ads/stonecrab.jpg"><p></p> </div> </div> <div id="reservations"> <div id="booking"><form action="https://reservations.ihotelier.com/istay.cfm" method="get"> <input type="hidden" name="HotelID" value="2200" /> <input type="hidden" name="LanguageID" value="1" /> <input type="hidden" name="Rooms" value="1" /> <font color="#FFFFFF" size="2" face="Palatino Linotype">Check-In Date:</font> <input name="DateIn" type="text" size="8" /> <font color="#FFFFFF" size="2" face="Palatino Linotype">Nights:</font> <select name="Length"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <font color="#FFFFFF" size="2" face="Palatino Linotype">Adults:</font> <select name="Adults"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <font color="#FFFFFF" size="2" face="Palatino Linotype"> Children:</font> <select name="Children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <input name="submit" type="submit" class="formcolor" value="Check Availability"> </form> <script type="text/javascript" language="javascript"> function getDateStr() { var today = new Date(); var todayStr = (today.getMonth()+1) + "/" + today.getDate() + "/" + today.getFullYear();; document.resform.DateIn.value = todayStr; } getDateStr(); </script> </div></div> <div id="flash"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve rsion=6,0,29,0" width="600" height="320"> <param name="movie" value="../images/flash/Index_Banner_NEW.swf" /> <param name="quality" value="high" /> <param name="WMODE" value="transparent"> <embed src="../images/flash/Index_Banner_NEW.swf" width="600" height="320" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed></object> </div> <div id="sub-nav"></div> <div id="header"><img src="../images/headers/GENERIC.gif" /></div> <div id="content"> <div id="content-text"><!-- TemplateBeginEditable name="Main Content" -->Main Content<!-- TemplateEndEditable --> <h1>This is the h1 Tag</h1> This is the paragraph text using the "P" tags.</p></div> </div> </div> <div id="footer"> <div id="footnav"> <a href="/index.html">Home</a> | <a href="/about/contact.html">Contact Us</a> | <a href="/about/employment.html">Employment</a> | <a href="/about/location.html">Location</a> | <a href="/email.html">Sign Up for Email Offers</a><br/> <a href="/about/gift_info.html">Gift Certificates</a> | <a href="http://www.florida-hospitality.com/" target="_blank">Gulf Coast Connoisseur Club</a> | <a href="/owners">Owner Site Log In</a> | <a href="/reservations.html">Reservations</a> | <a href="/privacy.html">Privacy Policy</a><br/> 1620 Gulf of Mexico Dr.| Longboat Key, FL 34228 | (941) 383.6464 | 800.4.COLONY | <a href="mailto:info@colonyfl.com"></a>info@colonyfl.com</a> </div> </div> </div> </body> </html> |
|
|||
|
Re: Dreamweaver Template Problem
Hi, I have not taken the time to look into your code but to make a region
editable within a template is fairly straight forward. I manually input the codes in the code view for better accuracy. <div > <!-- TemplateBeginEditable name="MainText" --> This is just some text <!-- TemplateEndEditable --> </div> You have to insert the middle code within your template page. The code has to be inside the div tags you want to make editable. Be sure to name it uniquely from other editable regions. Hope this works. |
|
|||
|
Re: Dreamweaver Template Problem
Thank you, that is exactly what I did, since it is a CSS layout I am only
working in the code view. My trouble is once I add in the editable region, I only get a blank white page when I preview it in the browser or upload it to the server. |
![]() |
|
| Thread Tools | Search this Thread |
| Display Modes | |
|
|