Can't click inside editable region in template based HTML document in CS5
Hi Everyone,
I m having a strange problem in Dreamweaver Cs5. After making the html page based on template, when i am opening the HTML page to edit content in editable region, I couldnot click inside the editable region. I can make changes in code view but not in design view in Dreamweaver Cs5.
Please help if anyone knows the solution. It is really creating a mess for me.
Thanks,
Komal
One of the sites is www.ShelbyVideo.com.
The code for one of the pages is:
<!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"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<meta name="description" content="SHELBY VIDEO SERVICES: Shelby, NC Video services that are inexpensive, professional, and thorough! Offering corporate and wedding video production services in and around Shelby North Carolina and South Carolina." />
<meta name="keywords" content="shelby video, shelby videographer, shelby videography, shelby nc video, north carolina shelby video, shelby video camera, shelby videos, north carolina videos, nc video, shelbyvideo, shelbyvideo.com, shelby video production, shelby video services, cleveland county video, cleveland county wedding video" />
<title>Shelby Video Production Services: SheblyVideo.com offering videography services in the Carolinas.</title><!-- InstanceEndEditable -->
<link href="css/main.css" rel="stylesheet" type="text/css" media="projection,screen" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body class="body">
<div id="wrapper">
<div id="header">
<p><a href="http://www.shelbyvideo.com"><img src="images/shelby-video-logo.jpg" alt="Shelby Video Services" name="weddingVideo" width="216" height="77" border="0" id="weddingVideo" /></a></p>
<p><a href="index.html">HOME</a> <a href="shelby-nc-video-services.html">SHELBY VIDEOS</a> <a href="shelby-video-demos.html">DEMOS</a> <a href="shelby-video-prices.html">PRICES</a> <a href="shelby-video-faqs.html">FAQ'S</a> <a href="shelby-video-north-carolina-reviews-testimonials.html">TESTIMONIES</a> <a href="shelby-video.html">BOOK US</a></p>
</div>
<div id="mainContent"><!-- InstanceBeginEditable name="CONTENT" --><br />
<h1>ShelbyVideo.com</h1>
<div id="carolinaWeddingVideoDiv">
<object width="300" height="182">
<param name="movie" value="http://www.youtube.com/v/QUSnPSLdnG0&hl=en&fs=1&" />
</param>
<param name="allowFullScreen" value="true" />
</param>
<param name="allowscriptaccess" value="always" />
</param>
<embed src="http://www.youtube.com/v/QUSnPSLdnG0&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="182"></embed>
</object>
Shelby Video Demo</div> <p> </p>
<p>Welcome to Shelby Video Services. We have been producing videos in Shelby North Carolina and South Carolina since 2004. </p>
<p> </p>
<p>Your video will be professional and comprehensive. We will beautifully cover your video production in a way that will propell your business into your market and/or enable you to relive your special event over and over and enjoy sharing with others.</p>
<p> </p>
<p> </p>
<p> </p>
<!-- InstanceEndEditable --></div>
<div id="footer">© <a href="index.html">Shelby Video Services</a><br />
<a href="shelby-nc-video-services.html">shelby nc video services</a> | <a href="shelby-video.html">start here</a> | <a href="shelby-video-demos.html">demos</a> | <a href="links.html">links</a> | <a href="sitemap.html">site map</a> | <a href="shelby-video.html">contact</a> | <a href="shelby-video-north-carolina-reviews-testimonials.html">testimonials</a></div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9484651-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<!-- InstanceEnd --></html>
Because I didn't create the code, rather it was dreamweaver, i believed that DW is obviously broken. Because I have a bunch of sites I made in earlier versions and when I start using a newer versions, CS5, I now can't access the editable region in any of them it seems DW is broken. So, I didn't think the code was necessary. I thought it was something that others have already experienced and resolved. However, that doesn't seem to be the case. Thanks though for helping with what appears to be broken. Hopefully it's an easy fix because there's other sites I have that this annoyance is plaguing me...
Similar Messages
-
How can we add multiple editable region in template
Hi,
My issue is when I am going to create a new template I want to add multiple editable region in template and I want to use those editable region per page wise so that in page editor I will add different text for each page for those editable region.
I can use incontxt editor to change those area for different pages although is it possible to use online editor to add different text for different pages.
I also have a plan to solve the issue ... that is also not working.
Plan is .. if we can use tag (not the default one in template), want to use different tag like {tag_headding},{tag_sidebarcontent} in template so that we can use those tag in template and fill the field in the page online editor, so when differnt page we will create we will fill those field for those tag and that will show in the front view of the site.
Please help me. I am really stuck on this issue.
Thanks in advance.
ProjjwalHi Projjwal,
Yes, if you look at many of the commercial BC templates available the way they are getting around it is with Content Holders and multiple templates.
Now I know you will say that multiple templates is high maintenance ..... not if you use Content holders for both recurring content and unique content.
Think of Conent Holders as 'Includes' ... I have been doing it this way with templates that I build from scratch as well. Easier than you think.
And that way the client can change content such as footer information or whatever that appears on all pages without editing the template itself.
Only drawback is that if you are using Design View in Dreamweaver the content holders don't render. But other than that Content Holders are awesome.
Brad -
Can't Delete Non-Editable Region in Template?
Well, I can in existing templates but if I create a new one from an existing page using "Save as Template", when I try to delete a non-editable region in the template, DW won't let me. I don't know why. Aaaargh!
It's my understanding I should be able to edit anything in a template. I've tried existing DW and restarting. I've tried using other pages as a basis for the template. Every template I create won't let me delete non-editable regions. I'm highlighting the non-editable region and pressing the delete key. I can't delete.burro_mail wrote:
Not sure DW is doing what you describe...
But I am certain you could remove the region in code view.
Even if you are a WYSIWYG-er and not a big code-head, it should be pretty easy to remove the region markers and everything between them...
Trust me, it is. I'm wondering if the problem is associated with the fact that the source page that I saved as a template was based on a template? I just noticed that this new template refers to another template. I'm thinking that means the other template is controlling what I'm trying to do in the current template.
That's it. I just tried saving a template under a different name (still retaining the correct template file extension) but did not do the save as template. Now I can completely edit that template. So you if you save a page that is controled by a template, as a template, that new template is controlled by the previous template.
I've got a headache now. -
Dreamweaver template giving up "instancebegineditable tag inside editable region" error
I have been searching the internet and any forum I can find relating to Dreamweaver and find it has been a comman problem for a lot of people but the solutions they got have not helped me. I created a template by following steps via a helpvid.net tutorial and the site looked very good for being basic enough but since last night when I try save the template it gives up the error "there is an error at line 8, column 47 (absolute position 789) of "file address": InstanceBeginEditable tag inside editable region." Now from what I have read on the forums it usually means there is a mispelling or something placed inside the region when it shouldn't be but there is only 50 odd lines on it and can't see any problem. When I view the files it gives the error about, there are duplications of the "begin editable region" a number of times but they shouldn't be there because they aren't on the template. Im also finding that before this error came up the pages looked fine when uploaded but now the footer height which was set to 20px is 200px when uploaded and I have checked all coding for it and checked the Divs but still see no error. I have uploaded my tempalete and some of the pages that its giving errors about to see if that helps, not sure if its best to just paste wall of coding so ill post links to the files and if code needs to be pasted here ill do so. http://dublinmoulding.com/ <- site im working on, it can be seen the footer is very big. Should be 20px height but inspect element shows its 200px - #wrapper #footer { color: #FFF; height: 200px; On the template it is #wrapper #footer { color: #FFF; text-align: center; margin: 0px; font-size: 18px; font-style: normal; font-weight: lighter; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; height: 20px; http://dublinmoulding.com/dreamweaver/temp1.dwt <- my tempalate The error is given up on every page created using the template
**Update** I edited the file names of some of the pages that I used the template on so now it shows the coding.
http://dublinmoulding.com/dreamweaver/index.html6 <- my index page
http://dublinmoulding.com/dreamweaver/about.html6 <-about pageNo need for tricks. We can view source code directly from our browsers or with Inspect Element.
Like I said, I don't see any code errors in your Template or child pages.
If DW continues to display errors, the first thing to try is Deleting Corrupted Cache in DW
http://forums.adobe.com/thread/494811
If that doesn't help, try Restore Preferences
http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
Nancy O. -
How to delete editable regions and template?
Hi everybody,
I posted this question earlier in the web discussions area, being unaware of a forum specific to Dreamweaver. Sorry for posting in two different places.
For the past week, I have been learning Dreamweaver CS4 from an online tutorial. I got to the place where I generated a template (index.dwt) from the main page (index.html) and created some editable regions on it. At that point, I realized that I had done all the steps by rote and did not actually absorb what I was doing. I wanted to delete the template in order to repeat the steps and gain a better understanding of the process. When I tried to delete the editable regions (modify-templates-remove editable regions), I was unable to do so because "remove editable regions" was greyed out. Nor was I able to delete the html code. I tried to delete the template itself, but when I did that, the index.html page retained those editable regions! Can anyone tell me if there is a way to get back to the place I was in before creating the template?
Thank you for any assistance.All you need to do is detach the index.html file from the template. Then you can delete the template and start all over.
Go to the Modify menu --> Templates --> Detach from Template -
TemplateBeginEditable tag inside editable region
A weird issue...
I created a template for my asp files.. All goes fine until I
try to add a specific editable region in my code. I just do not see
why I get the error "TemplateBeginEditable tag inside editable
region" on this when I add this on line 6 ("PANA")...
Anyone an idea why I get this error?Yes. Your coding is completely wrong.
This markup -
<!-- TemplateBeginEditable name="PANA" -->
and this markup -
<!-- TemplateEndEditable -->
CANNOT go above the doctype.
Why is it there at all?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"worldofrugs" <[email protected]> wrote in
message
news:g11cad$8fq$[email protected]..
>A weird issue...
> I created a template for my asp files.. All goes fine
until I try to add a
> specific editable region in my code. I just do not see
why I get the error
> "TemplateBeginEditable tag inside editable region" on
this when I add this
> on
> line 6 ("PANA")...
>
> Anyone an idea why I get this error?
>
>
> <% response.Buffer=true %>
> <!--#include file="A.asp"-->
> <!--#include file="B.asp"-->
> <!--#include file="C.asp"-->
> <!--#include file="D.asp" -->
> <!-- TemplateBeginEditable name="PANA" -->
> <%
> on error resume next
> '*******************************
> ' Page Name
> '*******************************
> Dim StrPageName
> StrPageName = "test.asp"
> %>
> <!-- TemplateEndEditable -->
>
>
> <!--#include file="StartSession.asp"-->
> <%
> Dim query, conntemp, rs, rstemp
> call openDb()
> %>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> -
Can't click inside Footer in Pages '08
I created a booklet in Pages '08 and even though I can see the Footer box, I can't click inside it to add page numbers.
How can I add page numbers to my document?
Thanks!How are you creating the booklet?
Why can't you click in the footer? Could you describe what you do? Are you sure that the insertion point isn't blinking in the footer? -
Hi again! I am having an issue with something I'm experimenting with. I'm looking to add a Form and Button to my site, but when adding it inside of a specific div, I can't click inside the Form field.
Test Site Below:
Rental Management Company
The highlighted area is the part I'm talking about. My theory is that I can't click inside that field because it's connected to the slider pro javascript, and anything inside the div is treated like an image or sorts. Is there any way I can get around this? Any and all help is appreciated, thanks in advance!HTML:
<h1 align="center">+$1000</h1>
<div id="example1" class="sliderpro">
<div class="ad">
<div class="sp-slides">
<div class="sp-slide">
<img src="Rental Pics/Lenoir509 thumb.jpg" alt="Lenoir" width="300" height="131">
<br />
<b><span style="font-family: Arial"><font size="2">Lenoir 509 --- $1200.00 --- 7 rooms, 3 Bedrooms, 2 Bath --- Lease Term: 1 Year --- Date Available: 05/23/2012</font></span></b><br />
<b><span style="font-family: Arial"><font size="2">Security Deposit: Based on Credit Approval --- Pets: Management Option --- Approx. square feet: 2200</font></span></b><br />
<b><span style="font-family: Arial"><font size="2">Property Address: 509 Lenoir Drive, Spring Lake NC, Overhills Creek</font></span></b>,
<b><span style="font-family: Arial"><font size="2">Harnett County</font></span></b><br />
<b><span style="font-family: Arial"><font size="2">Living Room, Dining Room, Fireplace, Bonus Room</font></span></b><br />
<b><span style="font-family: Arial"><font size="2">Dishwasher, Range, Refrigerator, Washer Connection, Dryer Connection, Patio, Double Garage</font></span></b><br />
<b><span style="font-family: Arial"><font size="2">Overhills Elementary School, Overhills Middle School, Overhills High School</font></span></b><br />
<b><span style="font-family: Arial"><font size="2">Type of Heat: Heat Pump --- Air Conditioning: Heat Pump --- Floors: Carpet, Hardwood, Vinyl --- Draperies: Mini Blinds - Water Company: Harnett --- Gas Company: N/A - Electrical Company: South River --- Oil Company: N/A</font></span></b><br />
<form action="http://maps.google.com/maps" method="get" target="_blank">
<b><span style="font-family: Arial"><font size="2">Enter your starting address:</font></span></b><input type="text" name="saddr" /><input type="hidden" name="daddr" value="509 Lenoir Drive, Spring Lake NC" /><input type="submit" value="Get Directions" />
</form><br />
</div>
</div>
</div>
</div>
CSS:
.slider-pro{position:relative;margin:0 auto;width:100%}.sp-slides-container{position:relative; height:250px; width:100%;}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webk it-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-ima ge-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no- js{overflow:hidden;max-width:75px}.sp-thumbnails-container{position:relative;overflow:hidd en}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{m argin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-t humbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnai ls{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;d isplay:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}. sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{ma rgin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp -has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50% ;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp- has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50 %;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.s p-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp- has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:75px;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0 ;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-h as-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:150;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;botto m:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:bo rder-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit -backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7) }.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-r adius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grab bing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-cont ainer{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-colo r:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-hei ght:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform :rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity: 0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}@media only screen and (min-width:768px) and (max-width:1024px){}@media only screen and (min-width:568px) and (max-width:768px)}@media only screen and (min-width:320px) and (max-width:568px)}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transiti on:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1} .sp-arrows{width:75px;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;displ ay:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90 deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow: after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;backgrou nd-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg) ;-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left :30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transfo rm:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0 deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right: 30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform: skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-w ebkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:75px;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{posi tion:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform :rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow :before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:''; position:absolute;width:75px;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow :before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg) ;transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-t ransform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)} .sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-tra nsform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30 %;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:sk ew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';posit ion:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0 ;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none!important;max-height:none!important;border:none!important ;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box- shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webk it-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transi tion:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none} -
"instancebegineditable tag inside editable region"
i've tried to update my site and it wont let me. i keep getting this error "instancebegineditable tag inside editable region" im not sure how to fix it..
Here is my code.....
<!doctype html>
<html><head>
<meta charset="utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>My Portfolio - Add Title Here</title>
<!-- TemplateEndEditable -->
<style type="text/css">
body {
background-color: #CCCCCC;
color: #000;
height: 100%;
margin: 0px;
padding: 0;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 100%;
ul, ol, dl {
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-left: 7px;
a img {
a:link {
text-decoration: none;
a:hover, a:active, a:focus {
text-decoration: none;
.container {
width: 1000px;
background-color: #CCCCCC;
margin: auto;
height: 100%;
header {
background-color: #999999;
height: 150px;
background-image: url(../images/plaid_banner.png);
clear: inherit;
nav p a{
color: #FFF;
display: inline-block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
nav p a:hover {
-webkit-transform: scale(1.125,1.125);
-moz-transform: scale(1.125,1.125);
-o-transform: scale(1.125,1.125);
-ms-transform: scale(1.125,1.125);
transform: scale(1.125,1.125);
font-size: 100%;
.sidebar1 {
width: 187px;
background-color: #333;
padding-bottom: 10px;
height: 100%;
background-image: url(../images/sidebar1.png);
background-repeat: repeat-y;
position: absolute;
display: marker;
.sidebar1 a {
color: #FFF;
-webkit-transition: 0.3s;
-moz-transition: 0.s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
.sidebar1 a:hover {
-webkit-transform: scale(1,1.3);
-moz-transform: scale(1,1.3);
-o-transform: scale(1,1.3);
-ms-transform: scale(1,1.3);
transform: scale(1,1.3);
font-size: 120%;
transition: 0.1s;
nav p {
/* [disabled]padding-top: 5px; */
padding-bottom: 13px;
font-weight: normal;
height: 40px;
.container nav p {
background-color: #666;
text-align: right;
width: auto;
font-weight: normal;
color: #fff;
background-image: url(../images/plaid_banner.png);
font-size: 120%;
.button {
background-color: #666666;
border: 2px solid #0CF;
border-radius: 8px;
width: 180px;
font-size: 120%;
margin-bottom: 5px;
text-align: left;
.aboutme {
background-color: #666666;
text-align: center;
border: 2px solid #0CF;
border-radius: 8px;
padding: 3px 12px;
margin: 0 15px 0 0;
.home {
background-color: #666666;
text-align: center;
border: 2px solid #0CF;
border-radius: 8px;
padding: 3px 28px;
margin: 0 15px 0 0;
.content {
padding: 10px 0;
width: auto;
margin-left: 186px;
height: 100%;
background-color: #FFF;
.content ul, .content ol {
padding: 0 15px 15px 40px;
height: 100%;
ul.nav {
margin: 10px 0 5px 0;
ul.nav li {
ul.nav a, ul.nav a:visited {
padding: 6px 0px 6px;
display: block;
width: 160px;
text-decoration: none;
background-color: #CCCCCC;
color: #FFFFFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background-color: #666666;
color: #FFF
footer {
position: relative;
font-size: 90%;
width: 1000px;
font-weight: normal;
font-weight: normal;
bottom: 0px;
footer p {
float: none;
.socialnetwork {
float: right;
.container .socialnetwork {
margin-right: 7px;
margin-top: -5px;
.container footer p {
font-size: 90%;
background-image: url(../images/Untitled-1.png);
text-align: left;
width: auto;
color: #0CF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
.container footer nav p {
background-color: #666;
text-align: right;
width: auto;
font-weight: normal;
color: #fff;
background-image: url(../images/Untitled-1.png);
font-size: 120%;
header, section, footer, aside, article, figure {
display: block;
<!--Gallery CSS Here-->
@import url('http://fonts.googleapis.com/css?family=Lato');
margin: 0;
padding: 0;
box-sizing: border-box;
.gallery {
width: 795px;
margin: 0 auto;
padding: 5px 0px 5px 5px;
background: #333;
.gallery > div {
position: relative;
float: left;
padding: 5px;
.gallery > div > img {
width: 250px;
transition: .1s transform;
transform: translateZ(0); /* hack */
.gallery > div:hover {
z-index: 1;
.gallery > div:hover > img {
transform: scale(1.5,1.5);
transition: .3s transform;
.cf:before, .cf:after {
display: table;
content: "";
line-height: 0;
.cf:after {
clear: both;
h1 {
font-size: 24px;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
float: none;
color: #000;
text-align: center;
<!--End Gallery CSS-->
</style>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<!-- TemplateBeginEditable name="head" -->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body class="container">
<header>
<h3><img src="../images/GP_3.png" alt="" name="Logo" width="950" height="140"></h3>
</header>
<nav>
<p class="container"><a href="#" class="home">Home</a> <a href="#" class="aboutme"> About Me</a> <a href="#" class="aboutme">Contact Me</a></p>
</nav>
<aside>
<div class="sidebar1"><!-- TemplateBeginEditable name="Sidebar"-->
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a> </li>
<li><a href="#">Websites</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Résumé</a>
<ul>
<li><a href="#">Résumé</a></li>
<li><a href="#">Cerifications</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">About Me</a>
<ul>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
</ul>
<!-- TemplateEndEditable -->
<aside> </aside>
<p style="font-size:90%"></p>
</div>
</aside>
<!-- TemplateBeginEditable name="Main" -->
<article class="content">
<h1 class="stars">Add heading here</h1>
<section>
<h2>Add subheading here</h2>
<p>Add content here</p>
</section>
<section></section>
</article>
<!-- TemplateEndEditable -->
<footer>
<p class="container">Copyright 2014 G.Powell.Portfolio. All rights reserved.<a href="../www.facebook.com"><img src="../images/Social Site Logos/Facebook_Logo.png" alt="Facebook" name="Sidebar" width="25" height="25" class="socialnetwork"></a>
<a href="../www.twitter.com"><img src="../images/Social Site Logos/twitter_logo.png" alt="Twitter" name="Sidebar" width="25" height="25" class="socialnetwork"></a>
<a href="../www.instagram.com"><img src="../images/Social Site Logos/Instagram_logo.png" alt="Instagram" name="Sidebar" width="25" height="25" class="socialnetwork"></a>
<a href="../www.plus.google.com"><img src="../images/Social Site Logos/Google_Plus_Logo.png" alt="Google Plus" name="Sidebar" width="25" height="25" class="socialnetwork"></a></p>
</footer>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html> -
User-managed image gallery in template-based html site?
I've created a simple, template-based html/css site for a client and they've asked for a set of sales pages for their vans and cars. The idea is that there'll be an entry page, which has an itemised list (thumbnail pic, title and a couple of sentences), which then links to individual template-based pages on which the full information is listed.
So far I've given the client a copy of Macromedia Contribute. No problems there. However, it would be great to have a relatively simple image gallery which will display up to, say, 10 pix.
The problem is that without a complex back-end CMS, I need to find a user-friendly (ie, not technical) gallery system which I can either embed into the template, or set up so it can be easily added to a page.
Am I being overly optimistic here, or is there an option (ideally free, of course!) which someone can recommend? My ideal is something that could be accessed and updated through Contribute, but if there's a standalone app which can do it once the page has been created in Contribute, that would be fine.
Thanks in advance.
TrentI've created a simple, template-based html/css site for a client and they've asked for a set of sales pages for their vans and cars. The idea is that there'll be an entry page, which has an itemised list (thumbnail pic, title and a couple of sentences), which then links to individual template-based pages on which the full information is listed.
So far I've given the client a copy of Macromedia Contribute. No problems there. However, it would be great to have a relatively simple image gallery which will display up to, say, 10 pix.
The problem is that without a complex back-end CMS, I need to find a user-friendly (ie, not technical) gallery system which I can either embed into the template, or set up so it can be easily added to a page.
Am I being overly optimistic here, or is there an option (ideally free, of course!) which someone can recommend? My ideal is something that could be accessed and updated through Contribute, but if there's a standalone app which can do it once the page has been created in Contribute, that would be fine.
Thanks in advance.
Trent -
Can't manually add editable regions to head in template
When I created my main template in Dreamweaver CS6 for my website, I had copied most of the page code from another layout I already had, including the head code. I did not realize there were already editable regions built into the head section of the Dreamweaver template and deleted them when I pasted my previous code without adding new ones. I then added an editable region to the body and started created pages using the template.
Everything works well and updates properly when I make changes to the template but now that I am trying to add those editable regions back to the head section so I can change the page title (and possibly add more responsive code), it doesn't work. I copied and pasted the following code into my template file in Dreamweaver and it saves in the template telling me it's updating the related pages, but when I open those individual pages in Dreamweaver, the code isn't there and those regions are not editable; only the original editable region I created in the body exists and works properly. Everything else continues to work perfectly.
Here is the code I pasted into the head around the <title> tag:
<!-- TemplateBeginEditable name="doctitle" -->
<title>Collings Document Database</title>
<!-- TemplateEndEditable -->
And here is the code I pasted into the head just before the </head> tag:
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
Any help would be appreciated. From everything I've read on these forums after searching, it sounds like pasting that code should work but I continue to get the results mentioned. Thank you.Thanks for the response. I've run the template code through the validator and the following two errors are the only ones that showed up. I don't see how either of these would cause this issue. Thoughts?
Line 5, Column 53: Bad value X-UA-Compatible for attribute http-equiv on element meta.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
✉
Line 27, Column 127: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. …gs_guitars_stroke_clear.png" width="184" height="81" class="scalable"> </div> -
Editable Regions and Templates -- Problem in IE
Hello,
I have a template that I use throughout my site. The template
includes
the Spry Menu Bar and three editable regions. The pages all
look great
in Firefox. But in IE6 and IE7, there is a problem--white
space
vanishes and the text is too close to the objects above it.
Specifically, The <h3>Page
Title</h3>appears to close underneath
<td><!-- TemplateBeginEditable
name="EditRegion1" -->. It's fine in
Firefox, however.
Any help is greatly appreciated.
Thank you,
=====================
Here's the code.
<style type="text/css">
<!--
body {
background-color: #878737;
-->
</style>
</head>
<body text="#333333"
vlink="#333333" alink="#333333"
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0">
<TABLE width="800" border=0
align="center" cellpadding=0 cellspacing=0
bgcolor="#FFFFFF">
<TBODY>
<tr>
<td
width="2%">&nbsp;</td>
<td width="96%"><img
src="../SpryAssets/mainnav_logo.jpg"
/></td>
<td
width="2%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><!-- TemplateBeginEditable
name="EditRegion1" -->
<h3>Page Title</h3>
<!-- TemplateEndEditable
--></td>TEST BED:
I shrinked my test site to just 1 photo page with only 3 pictures and I I published it to a folder:
Safari 3.1.1 has no problems
Mozilla Firefox 2.0.0.2 has no problems
Opera 9.5 has no problems
IE 7.0.5730.13 cannot render any picture !!!!
DEEP DIVE:
IE fails and if "notifications" are turned on complains about run time error "Error: Access Denied" on line 504 of a script. I went deeper and using the Microsoft Just in Time Debugging features apparently the offending javascript is "iWeb - iWebSite.js" with an ajaxRequest called "req.open('GET',url,true)"
iWEB on LEOPARD is no better
I booted with an external disk using Leopard and I used iWeb just 1 photos page
no way IE still complains (so far I am using Mac Tiger level)
HOW CAN YOU HELP
To those of you who succeeded with iWeb+IE (and have time to lend) I can send the zipped 2MB actual iWeb "package" named "Domain.site2" used by my iWeb to save the site under editing before any publishing.
you temporarily rename your "Domain.site2" + substitute it with my "Domain.site2" + start iWeb and see if you can publish/see it correctly.
Please send me a private mail if you think you can help.
Seriously thinking of dumping iWeb...
RAN -
Editable regions in templates. How do I edit the CSS in a new page from the template?
I am new to Dreamweaver and Web design. I have made a template and have two editable regions they work fine. When I create a page from this template, I can't edit the CSS. What do I need to do to edit the div tags that are specific to the editable regions? Thank you, I appreciate any help I am just about to give up with templates.
Hi, thank you here is my code. Maybe I am trying to do too much advanced stuff to soon!
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="file:///C|/Users/Roxane/Desktop/Brown County Indiana/images/favicon.ico" rel="shortcut icon"/>
<!--jquery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="file:///C|/Users/Roxane/Desktop/brown county indiana/scripts/automanualslideshow.js"></script>
</script>
<!-- End jquery-->
<style type="text/css">
#container {
width: 960px;
margin-right: auto;
margin-left: auto;
#header {
height: 80px;
width: 100%;
background-color: #222;/*Some browsers will not recognize RGBA colors*/
background-color: rgba(0,0,0,0.6);/*RGBA fourth value for opacity, if there are two rules that apply to the same element, the latter of the two takes priority.*/
.jld_logo {
float: left;
padding-left: 70px;
display: block;
padding-top: 10px;
#navigation {
height: 27px;
width: 100%;
background-color: #C00;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
left: 0px;
color: #FFF;
background: rgb(192,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(192,0,0,1) 0%, rgba(144,0,0,1) 51%, rgba(144,0,0,1) 56%, rgba(192,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,0,0,1)), color-stop(51%,rgba(144,0,0,1)), color-stop(56%,rgba(144,0,0,1)), color-stop(100%,rgba(192,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00000', endColorstr='#c00000',GradientType=0 ); /* IE6-9 */
#sideleft {
float: left;
width: 19.0%;
font-family: eurofurence, "Tekton Pro", Tahoma, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFF;
background-color: #222;/*Some browsers will not recognize RGBA colors*/
background-color: rgba(0,0,0,0.6);/*RGBA fourth value for opacity, if there are two rules that apply to the same element, the latter of the two takes priority.*/
text-align: center;
height: 300px;
border-radius: 10px;
border:1px solid #888;
padding-top: 0px;
margin-top: 25px;
.mywork {
font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #C00;
text-align: center;
line-height: 60px;
.categoriessmall {
font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
color: #FFF;
text-align: left;
display: block;
margin-left: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C00;
margin-right: 10px;
.sideleft-text {
padding-top: 75px;
a.sideleft, a.sideleft:link, a.sideleft:visited {
display:block;
margin-top:4px;
text-align:left;
text-decoration:none;
font-family:eurofurence, "eurofurence light", tahoma, sans-serif;
font-size:14px;
color:#FFF;
line-height:20px;
overflow:hidden;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
margin-left: 15px;
white-space: nowrap;
a.sideleft:hover {
color:#999;
a.sideleft:active {
color:#C00;
#mainright {
float: right;
width: 75.5%;
font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
color: #FFF;
text-decoration: none;
height: 700px;
text-align: left;
background-color: #000000;/*Some browsers will not recognize RGBA colors*/
background-color: rgba(0,0,0,0.6);
margin-left: 0px;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 10px;
border-radius: 10px;
border:1px solid #888;
z-index: -3;
padding: 0px;
.categories {
font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: uppercase;
color: #808080;
text-decoration: none;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #C00;
float: none;
position: relative;
clear: none;
left: 0px;
z-index: auto;
margin-right: 50px;
margin-left: 20px;
.img
height:auto;
width:auto;
float:left;
text-align:center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #FFF;
font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
font-size: 18px;
padding: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
.img img
display:inline;
margin:10px;
border:1px solid #333;
.img a:hover img
border:1px solid #900;
.image desc
text-align:center;
font-weight:normal;
width:120px;
margin:2px;
font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
font-size: 16px;
color: #FFF;
text-decoration: none;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
#footer {
clear: both;
width: 100%;
font-family: eurofurence, "Tekton Pro", Tahoma, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: center;
margin-left: 0px;
color: #FFF;
margin-bottom: 0px;
margin-top: 10px;
padding-left: 10%;
padding-right: 15px;
body {
background-image: url(../images/background_large.jpg);
</style>
</script>
<script src="../spryassets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../spryassets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../styles/automanualslideshow.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="container">
<div id="header">
<div class="jld_logo">
<a href="file:///C|/Users/Roxane/Desktop/index.html">
<img src="../images/jeff_danielson_logo_reverse.png" alt="Jeff Danielson logo" name="jld_logo" width="60" height="60" id="jld_logo" longdesc="images/jeff_danielson_logo_reverse.png" />
</a>
</div></div>
<div id="navigation">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">About Jeff</a>
<ul>
<li><a href="#">Biography</a></li>
<li><a href="#">News</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">My Work</a>
<ul>
<li><a href="file:///C|/Users/Roxane/Desktop/recent_photographs.html">Recent Photographs</a></li>
<li><a href="file:///C|/Users/Roxane/Desktop/flowers_leaves_moss.html">Flowers/Leaves/Moss</a></ li>
<li><a href="file:///C|/Users/Roxane/Desktop/forests_trees_valleys.html">Forests/Trees/Valleys</ a></li>
<li><a href="file:///C|/Users/Roxane/Desktop/deer_dogs_creatures.html">Deer/Dogs/Creatures</a></ li>
<li><a href="file:///C|/Users/Roxane/Desktop/lakes_rivers_streams.html">Lakes/Rivers/Streams</a> </li>
<li><a href="file:///C|/Users/Roxane/Desktop/clouds_skis_fog.html">Clouds/Skies/Fog</a></li>
<li><a href="file:///C|/Users/Roxane/Desktop/birds_butterflys_insects.html">Birds/Butterflys/Ins ects</a></li>
<li><a href="file:///C|/Users/Roxane/Desktop/panoramas.html">Panoramas</a></li>
<li><a href="file:///C|/Users/Roxane/Desktop/fall_winter_spring_summer.html">Fall/Winter/Spring/ Summer</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Pricing</a>
<ul>
<li><a href="#url">Size</a></li>
<li><a href="#url">Mats</a></li>
<li><a href="#url">Frames</a></li>
<li><a href="#url">Frames & Mats</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Runciple Spoon</a>
<ul>
<li><a href="#">The 1970's</a></li>
<li><a href="#">The 1980's</a></li>
<li><a href="#">The 1990's</a></li>
<li><a href="#">The 2000's</a></li>
</ul>
</li>
</ul>
</div>
<!-- TemplateBeginEditable name="Sideleft" -->
<div id="sideleft"> <span class="mywork">My Work</span> <span class="categoriessmall">Categories</span> <a class="sideleft" href="../recent_photographs.html" title="">Recent Photographs</a> <a class="sideleft" href="../flowers_leaves_moss.html" title="Flowers/Leaves/Moss">Flowers/Leaves/Moss</a> <a class="sideleft" href="../Forests/Trees/Valleys.html" title="Forests/Trees/Valleys">Forests/Trees/Valleys</a> <a class="sideleft" href="../Deer/Dogs/Creatures.html" title="Deer/Dogs/Creatures">Deer/Dogs/Creatures</a> <a class="sideleft" href="../Lakes/Rivers/Streams.html" title="Lakes/Rivers/Streams">Lakes/Rivers/Streams</a> <a class="sideleft" href="../Clouds/Skies/Fog.html" title="Clouds/Skies/Fog">Clouds/Skies/Fog</a> <a class="sideleft" href="../Birds/Butterflys/Insects.html" title="Birds/Butterflys/Insects">Birds/Butterflys/Insects</a> <a class="sideleft" href="../Panoramas.html" title="Panoramas">Panoramas</a> <a class="sideleft" href="../Fall/Winter/Spring/Summer.html" title="Fall/Winter/Spring/Summer">Fall/Winter/Spring/Summer</a></div>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Mainright" -->
<div id="mainright"></div>
<!-- TemplateEndEditable -->
<div id="footer">
© 2012 Jeff Danielson Brown County Indiana Photography</div>
<!--Content for container goes here--></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html> -
Modify Editable regions in template
I created a main template then created other templates from this templates. I now realize that I will need to change the image in the header in some of the nested templates. for example, there is a template for wisdom which has a child called wisdom videos. I wanted to change the header image in wisdom which would affect all of its children. I added an editable region to the main template which changed everything. I then changed the image in wisdom, but it is not going through to the child wisdom video, which is what i want.
How can i do that?
ThanksI use templates (although I wouldn't touch nested templates with a 10-foot pole) and server-side includes.
First, I mentally separate the page layout into three sections:
1. Stuff that will not change for the life of the site (i.e., the basic
structural elements)
2. Stuff that *could* change from time to time (e.g., navigation elements,
burst advertisements, section-specific navigation, etc.)
3. Stuff that *will* change from one page to the next
Then I create a template containing all class1 elements. Next I create
server-side include files containing all class 2 elements and place them on
the template as needed. Note - some of the class 2 elements may be
"section-specific elements", and their placement on the template will be
subject to the next item. Finally, I insert editable regions to cover the
class 3 items, INCLUDING the section-specific navigation.
This allows me to just cookie-cut the rest of the site. I estimate that
even for fairly large sites, about 80% of my work goes into planning and
creating this template file. -
Editable region in template not editable??
I'm trying to add a Spry Image Slideshow (basic) to several files in Dreamweaver CS5. I have set up templates, and in the child pages, when I try to insert the widget it just says: "Making this change would require changing code that is locked by a template or translator. The change will be discarded." I have a Spry menu already on the page (although it doesn't show up on my laptop but does on my desktops). What should I do? A sample page is already uploaded here: http://www.tomandlauriereese.com/bands/muzette/muzette.html. I'm trying to add the photos to Col1 (an editable region). Col2 allows me to add content, but Col1 won't. Actually, I can't add anything to Col3 either (it's set up as an iframe right now).
Please help! Let me know what other information you need; I'm new to this!
Thanks,
Laurie Reese, cellistI'm not really piling on here, but I'm confident your extensive use of absolute positioning is going to sadly return to bite you on this very nice looking layout. Add some real-world content to one of those text regions, preview in the browser and start increasing the size of the text in the browser. You'll get an overflowing mess in a hurry.
I chose the doctype of xhtml 1.0 Transitional. I'm not sure which type is best for this type of page. I also tried html 4.0 Transitional, but still no luck.
A doctype only does two things: a) it informs a validator of how to validate the code on the page, and b) it informs the browsers whether to render the page in quirks more or standards mode. Because it's useful to be able to use validation as your first line of defense when encountering layout issues, you should therefore choose a doctype that is consistent with your skill and knowledge as a coder (as a first-order approximation). In your case, I'm pretty sure that would be HTML 4.01 Transitional. You can have DW do this for you by opening the template page and using FILE | Convert > HTML 4.01 Transitional. Be aware that this will only affect the content in NON-editable regions of your child pages as is expected with any template changes.
I did notice that the Head editable region is way underneath all the other code; it's at line 506; but there's nothing in there. Should I move the "<!-- TemplateBeginEditable name="head" --> to the top somewhere?
As long as that region is actually in a legal location between <head> and </head> it doesn't matter where it is. Since it is, then you can just leave it.
What should be in that region?
This is the region that allows you to add javascript behaviors to child pages, like image swaps, or show/hide divs, or even page-specific stylesheet/javascript links. Without it, you could not do that.
Where is it you are trying to add this widget? Which editable region?
Maybe you are looking for
-
hi guys, appended a process chain with process type compress,it shows fiine while checking & actvating,but while running it shows the error"Job BI_PROCESS_LOADING could not be activated (return code 8)".kindly let me know if it is a known error. Rega
-
Mail wouldn't send a message, what to do?
I have a month old MacBook (just switched from PC) it receives emails to the @mac.com account with no problem, but it would never send an email out. No Help or tutorial addresses this. Only sometimes there is an Error Message. Please help!! Thanks, E
-
Trying to add a DAQ device to NI-DAQ without hardware
I am developing software for a DAQCard1200 on Windows 2000. I develop most of my software on a system without the actual hardware installed. Since the NI-DAQ dll will error on load under Microsoft C++ unless you have a device configued, I used to con
-
My husband and i have i phones but after the last update our contacts have merged when previously they were seperate, can you help?
-
How to make communication cable for Fuji Servo drive alph to my PC
Dear sir, Please share me how to make a communication cable, for Fuji servo Drive ( alph ) model, to my lap top? Above cable will get in market ? And also for ABB drive model ACS550, to communication through my laptop? kindly he