Layout issues when creating page from valid template

Hi,
I have a built a page from which I have created a template. Both page and template render perfectly in Live and Design view. Both preview in FF, Safari and IE with no problem.
However, when I create a new page from the template, in Design View the page layout is pretty messed up. Lots of divs are wrapping and it appears that a clearing div is being ignored. In Live View, the page created from the template looks perfectly fine.
So to me it appears DW is doing rendering a page created from a template differently. The HTML is valid markup and it is this one edge case that we're fighting right now. DW bug?
To summarize:
- Source page looks good in Live and Design View
- Template created from source looks good in Live and Design View
- A New Page created from Template looks good in Live View, messed up in Design View.
- Source, Template and New Page all render correctly in FF, Safari and IE.
Can anyone suggest a solution or even the next debugging steps?
Regards,
Nobby

Hi there,
I have uploaded the site as-is to a temp location:
http://www.lakemeadowsopen.com/biglever
The homepage is rendering no problem. The template in question can be found at:
http://www.lakemeadowsopen.com/biglever/Templates
and the name of the template is overview.dwt
Thanks.

Similar Messages

Composed looks / Change the look themes are missing when creating site from saved template

Hi,
I found an issue when save you own site template and then want to create a new site from that template the "Change the Look" themes are missing and if you go to site settings, Comosed looks where the themes are stored is empty! Anyone else has
the same experience? Any workaround for this?
regards
Martin

I've just seen this exact problem on a SharePoint 2013 farm as well this morning, but have managed to fix the blank "Composed Looks" list issue, although am still working on the "Change the look" wizard pages.
Edit: found a fix for this too now. See my next post below.
It appears that the process of saving a site as a template and then creating a new site from that template causes the original XsltListViewWebPart used to display the default view of the "Composed Looks" list, to be replaced with a ListViewWebPart,
which appears to be broken.
Edit: have also seen this behaviour on sites created from the built-in templates but haven't determined exactly whether this is a bug. ULS logs never show any errors when this occurs so it appears to be "by-design". Ugh.
There may be a tidier way to fix this, but for now, I used SharePoint Designer 2013 to copy an XsltListViewWebPart from a working "Composed Looks" list, AllItems.aspx page and replaced the ListViewWebPart in the broken Composed Looks list, AllItems.aspx
page with it. There is also some additional post copy-paste tidy up to do on the pasted-in XsltListViewWebPart HTML to get it to work within the context of the site it is now in as it will contain GUIDs and URLs that are only relevant within the site
that you copied it from and these need to be replaced with the GUIDs/URLs from the replaced ListViewWebPart - paste it in a notepad session before deleting/overwriting it so you can grab those bits.
I'll write a more detailed step-by-step if anyone wants it, but this doesn't seem to fix the broken "Change the Look" wizard still, only the "Composed Looks" list default view. I'll look into that now and post back more complete solution if I can
find a fix.
Edit: Found a fix. see my next post below.
Edit Edit: One more thing - on some Composed Looks lists we are seeing empty lists once the default view webPart is fixed up. To correct this, you can copy selected Composed Looks from a working site with a full set.
Before you do that, edit the default view in both the source and destination Composed Looks lists and include the Title field as it is a required field.
Then, you can use Datasheet View (just click the edit list link to put it in Datasheet View mode) to bulk copy/paste Composed Looks between the source and destination lists.
Do a little post-paste tidy up on the URLs as above to make sure that they are correct for their new location and then click on over to your Change the Look wizard.
You should see all of your Composed Looks displayed nicely on the page.
Note that the Current Look might not represent the sites actual appearance as it's settings will reflect the source sites appearance, but you can tweak it with the Wizard now.
Regards,
Glenn
Can you confirm your sharepoint patch level?

Any way to turn off errors when updating pages from the template?

I'm using Dreamweaver MX. My site is huge. It's an intranet
spanning dozens of departments. Some of those departments have
subsites that don't fall under the intranet's control, although
they are embedded within our site's folder structure. When I make a
change to the template and update pages, every time I hit one of
those subsites I get tons of errors, from "template not found" to
"unmatched body tag". The errors that pop up each have to be
clicked on before the updating can continue. I get hundreds of
these.
Is there any way to make errors not pop up while updating
pages from the template? Or even to exclude certain folders from
being checked? (Cloaking doesn't do it.)

> I'm using Dreamweaver MX. My site is huge.
Both of these are problems, I'm afraid. Combining that with
templates is
really trouble.
> "unmatched body tag".
Errors such as this are definitely caused by errors in your
page itself.
Can you show me a page where you would get this?
> Is there any way to make errors not pop up while
updating pages from the
> template? Or even to exclude certain folders from being
checked? (Cloaking
> doesn't do it.)
Valid code will not produce these errors. Unfortunately, the
only way to
avoid them is to remove any validation hiccups from your
pages.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"abna" <[email protected]> wrote in message
news:f14ue2$pk5$[email protected]..
> I'm using Dreamweaver MX. My site is huge. It's an
intranet spanning
> dozens of
> departments. Some of those departments have subsites
that don't fall under
> the
> intranet's control, although they are embedded within
our site's folder
> structure. When I make a change to the template and
update pages, every
> time I
> hit one of those subsites I get tons of errors, from
"template not found"
> to
> "unmatched body tag". The errors that pop up each have
to be clicked on
> before
> the updating can continue. I get hundreds of these.
>
> Is there any way to make errors not pop up while
updating pages from the
> template? Or even to exclude certain folders from being
checked? (Cloaking
> doesn't do it.)
>

Problems when Creating Pages from Templates in Dreamweaver 8

When creating new pages from templates in Dreamweaver 8(Ver
8.0.2). The full path for images is not created
i.e. in template the code is <img src="main_page_logo.png"
width="814" height="172" longdesc="Main Page Logo" />
In the new file the code should be :-
<img src="../../Templates/main_page_logo.png" width="814"
height="172" longdesc="Main Page Logo" />
but only :-
<img src="main_page_logo.png" width="814" height="172"
longdesc="Main Page Logo" /> is in the code.
but this does work in Version 8.0.
Does anyone know of a setting or fix for this problem

> Does anyone know of a setting or fix for this problem
It was regarded as a bug in previous versions, and was fixed
in the 8.0.2
release. In normal circumstances, ALL links in a template
file must be
relative to the template document, not relative to where you
intend to save
the child pages. Thus, there would be no way to have a link
in your
template document like the first one you show, e.g.,
<img src="whatever.png"....
*unless* the file was actually in the Templates folder (a bad
idea).
In 8.0.2, you can set your PREFERENCES for the Templates
category to NOT
MANAGE relative links. Be aware that this may have unintended
consequences
for you - specifically regarding other relative links in your
site.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"pgs_it" <[email protected]> wrote in
message
news:eivj88$361$[email protected]..
> When creating new pages from templates in Dreamweaver
8(Ver 8.0.2). The
> full
> path for images is not created
> i.e. in template the code is <img
src="main_page_logo.png" width="814"
> height="172" longdesc="Main Page Logo" />
> In the new file the code should be :-
> <img src="../../Templates/main_page_logo.png"
width="814" height="172"
> longdesc="Main Page Logo" />
> but only :-
> <img src="main_page_logo.png" width="814"
height="172" longdesc="Main Page
> Logo" /> is in the code.
> but this does work in Version 8.0.
> Does anyone know of a setting or fix for this problem
>
>
>

Font issue when creating PDF from web page with Acrobat 8

I have a group of documents created with html/css that i am converting to pdf. Everything works slick except for some reason every HTML page that spans more than one printable page in the PDF the first page body text looks bold, the rest of the text (on the subsequent pages) is not. I have 15 documents linked together and its doing it for everyone one, first page looks bold rest of pages not.
I have checked all the font attributes in both the pdf and the html, there is nothing set to bold and all fonts have the exact same settings...
Does anyone know what is going on? I am pretty green with Acrobat but not new to web tech.
What am I missing here?
Also when printed it looks fine, no issues, issues only in screen view...
HELP!!
Thanks
Scott

It may be that the page sizes are varying and you are seeing a zoom affect. Try setting the size to a specific value and see if it looks the same. That's a guess anyway.

Font substitution issues when creating PDF from PS file in Distiller

I am not sure if this post should go under Distiller Server, but it dont know if there is a difference between Distiller X and Distiller Server.
Context: I am trying to convert postscript files on my PC that originate from a unique Mac built program and unfortunately receive the following error message:
%%[ Warning: Helvetica not found, using Font Substitution. Font cannot be embedded. ]%%
%%[ Warning: Helvetica-Bold not found, using Font Substitution. Font cannot be embedded. ]%%
%%[ Warning: Helvetica-BoldOblique not found, using Font Substitution. Font cannot be embedded. ]%%
When I try and convert the postscript font to a pdf in Acrobat Distiller X the font substitutes to Arial. I have a few versions of Helvetica on my PC but Distiller doesn’t recognise them.
My question is: how can I tell Distiller, as a default, to substitute to the Helvetica loaded on my PC rather than Arial so that I eliminate the error message and get an accurate pdf.
Any help would be greatly appreciated.
Thanks.

You can set the folders in distiller by going to Settings. See these two pictures (click on them)
hope this helps.

Issue when creating SPFILE from pfile;Is this a bug ?

Version : 11.2
os : AIX
I created a pfile from spfile stored it in a non-default location ie. a location other than ORACLE_HOME/dbs
create pfile='/u01/oracle/mytest_pfile.ora' from spfile;I brought down the DB , and started the DB using the above pfile from non-default location
startup pfile='/u01/oracle/mytest_pfile.ora' -- pfile in a non-default locationNow i am creating an SPFILE from the pfile without explicitly mentioning the pfile file name in the non-default file location.
create spfile='/u01/oracle/mytest_spfile_sep23_2011.ora' from pfile;Using strings command (in AIX) I verified the contents of the spfile . It seems that if you don't mention the file name of pfile , then oracle reads the pfile which is in
ORACLE_HOME/dbs and NOT the pfile from the non-default location which is used to startup the instance !!! . Isn't this a bug?

No ,it's not a bug.
order of precedence of parameter file is as follow :
1.) spfileSID.ora --- non default
2.) default spfile
3.) initSID.ora --- non default pfile
4.) default pfile
In your case i.e; create spfile='/u01/oracle/mytest_spfile_sep23_2011.ora' from pfile;
here it is reading pfile from fefault pfile because it will always search the pfile or spfile in dba directory .
if you want to create the spfile from non-default pfile then create spfile as :
create spfile='/u01/oracle/mytest_spfile_sep23_2011.ora' from pfile='/u01/oracle/mytest_pfile.ora' ;
--neeraj

HELP with Problem creating a page from a template Suggestions PLS.

Nadia was kind enough to give me step by step in creating a template the right way.
Problem is why won't it work?
1) I create a page exactily like I want the templete to look.
2) I save the child page as a template.
3) I go to FILE>NEW>Page from template, look at the template on the insert on the right and it is just as I would expect it to be. The update is checked on change. I say ok and what appears on screen is I have lost all my formatting. When I look at the code, creating a page from the template causes the process to change the location of (for instance) the background image gif file from ...images/background.gif to the full location name starting the string at the C:/ all the way to ...background.gif. Therefore, the created page from the template loses all of its formatting.
How do I fix this problem????

Okay, here I go again with this problem step by step.
1) Created a basic page that has a header, body and footer: www.goodimage.com and saved it as maintemp.html .
2) I saved maintemp.html in the normal place where all the html are stored because as I was creating the template it told me I needed to save the page I was working on. So I decided to store it as an html until as it was layed out. Then I went to FILE/SAVE AS TEMPLATE storing it as maintemp.dwt.
3) Then I created an edItable area called BODY.
4) Then I did a FILE/SAVE AS TEMPLATE or tried to. As part of this process it wants to know if I want to UPDATE LINKS. If I do then the links will reference the template folder (but it is the DW default - hmmm what do I do) When in doubt take the default. So I did.
5) So now I have a nice looking template called maintemp.dwt with one editablel region. So I feel pretty good until I suspect the next problem I have been fighting all along will appear. I select FILE/NEW PAGE FROM TEMPLATE and I see goodimage site, and my template called maintemp and a nice picture of it on the right screen part. Also update page when template changes is checked. Then I select to do the action.
6) Upcomes an unformatted screen caused by the links not being correct. I save the page as index.html to see if it will correct itself. I does not correct itself. So the index.html page is not formatted even after I closed down DW to see if that would help. It didn't. So I could go in and manually update the page but what a mess that would be.
7) So I will go back to create a page from the maintemp.html with the UPDATE LINKS turned off. Using maintemp.html to create a template just like in step 2). When UPDATE LINKS is not selected then the template falls apart and is unusable.
I HAVE WASTE ABOUT THREE DAYS ON THIS ONE PROBLEM AND I HAVE BUT A FEW MORE HOURS TO GET IT DONE. ONCE THIS WORKS IT WILL GO FAST. I AM TIRED OF BEING TIRED BUT MAYBE THAT IS CAUSING MY PROBLEM. ANYWAY, PLEASE HELP AS I AM AT A LOSE.
HLOWER

Error when updating pages from template

When updating pages from a template I have been occasionally
getting this error message:
While executing onLoad in Swap Image.htm, the following
JavaScript error(s) occured:
At line 325 of the file "Hard Drive: Applications: Macromedia
Dreamweaver 8: Configuration: Behaviors: Actions: Swap Image.js":
Reference Error: createObjRefs is not Defined
I am on a Mac running 10.3.9, Dreamweaver 8.02.2809
Any ideas on how to fix this?
Thanks,
Paul

When updating pages from a template I have been occasionally
getting this error message:
While executing onLoad in Swap Image.htm, the following
JavaScript error(s) occured:
At line 325 of the file "Hard Drive: Applications: Macromedia
Dreamweaver 8: Configuration: Behaviors: Actions: Swap Image.js":
Reference Error: createObjRefs is not Defined
I am on a Mac running 10.3.9, Dreamweaver 8.02.2809
Any ideas on how to fix this?
Thanks,
Paul

VLAN issues when creating/modifying vNIC Templates

Sort of an odd issue, all of the VLANs that have been created do not show up when creating/modifying a vNIC Template. All of the VLANs have been created globally under the LAN Cloud as well as Appliances.
I have 9 VLANs total, yet UCS Manager will only display 5 when modifying or creating a vNIC Template.
I'm running UCS Manager 1.4(1m) and am experiencing the same issue on another suite of UCS gear that is running 1.4(1i). Anyone else experiencing the same?

I have seen odd issues with templates as they do not verify the values you are giving it.
Real world example:
You have 3 major deployment sites. If someone scripts the configuration at site 1, folks in site 2 may have used a different ascii name on their vlan naming. When you deploy the template, you give it VLAN_MGMT. However, the device running that script for the templates has the same vlan BUT was named VLAN-MGMT. Therefore, the templates will not show all the vlans.
To correct this, you could create the vlan necessary based on the naming convention and the template MAY reference it correctly.
Let us know if all the T's are crossed and I's are dotted. :-)

Can't create Project from the Template or access project template

Dear Experts,
We are facing a issue while trying to access the project template/create the project from project template.
we have 4 project template in place and of these two are working perfectly fine but
From remaining two we are not being able to create project and even templates are not accesible , whenever we are trying to access the project template system rotates a circle for some time and keeps us on the same page.
Even when we are trying to create project from the same template, system does the same again rotates the circle for some time and keeps us on the same screen.
And System is not throwing any error for the same (we have checked in the log as well) just not letting us in and not allowing us to create project.
Any Help Will be Highly Appreciated.
Regards,
Rakesh Daiya

Dear Experts,
We were able to find out the issue,
We added 3 groups to the template with "Reviewer" access with "Document Only" Type in the project template.
When we changed the type to "Template and Document" from "Document Only" and system started allowing us to create projects from the template.
Can anyone please help me with one query,
Can we add a group(which includes all the buyers) with reviewer access and with Document only type?
Does this really be a reason behind projects are not getting created from template?
Any help will be appreciated
Regards,
Rakesh Daiya

Updating child pages from a template in CS4

I built a site that uses one template. Everything was going along fine I'd make a change to the template and I was able to update all the child pages. I made changes to the template yesterday and nothing updates. I try using the update the site... I choose the files that use and the one template I have and none of the pages update. I've tries re-saving the template file as a template and still nothing updates.
It has never immediately done an automatic update to the pages. It always seems to be a while before the update these pages pallette comes up. And again sometimes it will update all the pages, but most of the time not.
I've done a search of the discussions to see if I could find a solution, before I posted this. The ones I found do not have a solution that works for me.
So does anyone know what to do?
On a related issue... I usually create a page save the page to the site folder and then apply the template. I have tried to create the page from the template, but the graphic in the background of the container div doesn't show up. I usually have to then apply the template to the newly created page to get that to show up. So what's up with this?
Thank you!
Nina

On a related issue... I usually create a page save the page to the site folder and then apply the template. I have tried to create the page from the template, but the graphic in the background of the container div doesn't show up. I usually have to then apply the template to the newly created page to get that to show up. So what's up with this?
Try saving the page to the site after creating it, even though the graphic doesn't show up. It should appear when you save it.
Just for drill, here is my "Seven Common Mistakes" post - do any of these cover your situation?
Here are seven common mistakes that will result in changes not propagating from Template to child -
1. Rename the Templates folder
2. Move the Templates folder to some other folder level in the site other than root level
3. Move a template out of the Templates folder.
4. Make changes to an editable region of the Template (which will not propagate)
5. Assume that Template changes will be effected by just uploading the changed Template file to the server without also uploading the changed local files
6. Corrupt the site cache so that the link between Template and child page is broken
7. Improperly create your child pages by simply opening the Template, adding page specific content, and resaving the Template with an *.html extension rather thanits *.dwt extension. (you can tell if this is the case by looking at the code on a child page - if you see anything like <!-- TemplateBeginEditable... then this is what you have done). If you *have done this*, then recreate the child pages (in DW) using FILE | New > Page from Template, select the Template and click CREATE.
The 6th problem can be repaired by using SITE | Advanced > Recreate Site Cache, and the six others can be fixed by just not doing them. Have you done any of those?
Or, read this -
http://www.adobe.com/go/dd83ba8b

A page from a template doesn't inherit a background image.

I created a template and gave it a background image, tested in the browser, and it worked fine. Then I made a page from that template and it simply didn't show the background image, even though all the other components showed up properly. Any ideas as to what the problem may be?

Some things to check:
1) Did you define a local site folder in DW before starting your project?
2) When you made a page from the Template, did you use File > New > Page from Template?
3) Is your background image saved for the web as RBG and not CMYK?
4) In your CSS code, what is the path to your background image?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dreamweaver 8 is removing forward slash when creating pages

Dreamweaver 8
Links set to be relative to Site Root
If I create a template that has ../index.php as the home link, and also create a few pages from that template, the links on those pages all start with a forward slash:
/stuff/
However, if I then change the template to have a home link like this:
and then save, all the links in the already-built pages suddenly lose their site-root forward slash and instead look like this:
stuff/
and the home link now looks like this in the created pages:
../ (yep, it stays like that)
I did not change links to be relative to document
Hmmmmm.....I'm noticing that it's occurring when I edit the template, when you then save the edited template, it updates all the pages made with that template but then all the links are now without the front forward slash, so it looks like this is getting triggered when the template is edited
It doesn't change how the links are in the template ../whatever, but all the updated links in the built pages now do not have a front forward slash
And once it changes to the non-forward slash version, it never goes back, it stays as link/
Does anyone know what might be wrong? I need all the links to stay as /relative-to-site-root/
Thanks

> Does anyone know of a setting or fix for this problem
It was regarded as a bug in previous versions, and was fixed
in the 8.0.2
release. In normal circumstances, ALL links in a template
file must be
relative to the template document, not relative to where you
intend to save
the child pages. Thus, there would be no way to have a link
in your
template document like the first one you show, e.g.,
<img src="whatever.png"....
*unless* the file was actually in the Templates folder (a bad
idea).
In 8.0.2, you can set your PREFERENCES for the Templates
category to NOT
MANAGE relative links. Be aware that this may have unintended
consequences
for you - specifically regarding other relative links in your
site.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"pgs_it" <[email protected]> wrote in
message
news:eivj88$361$[email protected]..
> When creating new pages from templates in Dreamweaver
8(Ver 8.0.2). The
> full
> path for images is not created
> i.e. in template the code is <img
src="main_page_logo.png" width="814"
> height="172" longdesc="Main Page Logo" />
> In the new file the code should be :-
> <img src="../../Templates/main_page_logo.png"
width="814" height="172"
> longdesc="Main Page Logo" />
> but only :-
> <img src="main_page_logo.png" width="814"
height="172" longdesc="Main Page
> Logo" /> is in the code.
> but this does work in Version 8.0.
> Does anyone know of a setting or fix for this problem
>
>
>

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" />

<title>Untitled Document</title>

<link href="file:///C|/Users/Roxane/Desktop/Brown County Indiana/images/favicon.ico" rel="shortcut icon"/>

<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>

<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" />


</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>

<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>

<div id="mainright"></div>

<div id="footer">
© 2012 Jeff Danielson Brown County Indiana Photography</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Layout issues when creating page from valid template

Similar Messages

Maybe you are looking for