Errors Linking External CSS

Can't figure out why Dreamwever is finding errors in my link
to external CSS file.
<link href="styles.css" rel="stylesheet"
type="text/css"/>
Found 12 errors in external css files
Firefox 1.0, Microsoft Internet Explorer 5.0, Microsoft
Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape
Navigator 6.0, Netscape Navigator 7.0, Netscape Navigator 8.0,
Safari 1.0, Safari 2.0

Has that carried forward into 1.1 and 2?
Why would it not make a difference to the validators, then?
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
==================
"Thierry | www.TJKDesign.com" <[email protected]>
wrote in message
news:ejtgsl$l7v$[email protected]..
> Murray *ACE* wrote:
>> The space doesn't matter, Thierry.
>
> It may not matter for the Validator, but Appendix C [1]
of XHTML 1.0 (HTML
> Compatibility Guidelines) says to include a space before
the trailing "/"
> and ">" of empty elements.
>
> [1]
http://www.w3.org/TR/xhtml1/#guidelines
>
> --
> Thierry
> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
> CSS-P Templates:
http://www.TJKDesign.com/go/?1
> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>
>
>
>

Similar Messages

Found 7 errors in external css files

I am using CS3 and set up the slide show successfully, I ran the "check Browser Compatibility and I get this error,
Found 7 errors in external css files
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
line 35; <link type='text/css' href='Spry-UI-1.7/css/SpryImageSlideShow.css' rel='stylesheet'/>
Is this something to be concerned about? Is this widget only meant for CS5, is there a fix needed?

Here is the css
@charset "utf-8";
/* SpryImageSlideShow.css - version 0.2 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
.ImageSlideShow {
position: relative;
width: 480px;
height: 320px;
overflow: hidden;
border: solid 1px black;
.ImageSlideShow .ISSClip {
width: 100%;
height: 100%;
overflow: hidden;
background-color: black;
.ImageSlideShow .ISSView {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
.ImageSlideShow .ISSSlide {
position: absolute;
top: 0;
left: 0;
width: 100%; /* Required for IE6/IE7 */
height: 100%; /* Required for IE6/IE7 */
text-align: center;
/* Fix to get images to fade properly in IE8 and change correctly in slideshow.
* This is due to the fact that absolutely positioned elements cannot have their
* opactiy altered in IE8. */
.ImageSlideShow .ISSSlide img {
filter: inherit;
.ImageSlideShow .ISSControls {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.ImageSlideShow .ISSFirstButton, .ImageSlideShow .ISSLastButton {
display: none;
.ImageSlideShow .ISSPreviousButton, .ImageSlideShow .ISSNextButton, .ImageSlideShow .ISSPlayButton {
position: absolute;
top: 0;
display: block;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background-repeat: no-repeat;
text-indent: -10000em;
.ImageSlideShow .ISSPreviousButton {
left: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-back.gif);
background-position: left center;
.ImageSlideShow .ISSPreviousButtonHover, .ImageSlideShow .ISSNextButtonHover, .ImageSlideShow .ISSPlayButtonHover {
opacity: 0.5;
filter: alpha(opacity=100);
.ImageSlideShow .ISSNextButton {
right: 0;
width: 30%;
background-image: url(ImageSlideShow/iss-forward.gif);
background-position: 100% 50%;
.ImageSlideShow .ISSPlayButton {
left: 30%;
width: 40%;
background-image: url(ImageSlideShow/iss-play.gif);
background-position: center center;
/* If the slide show is busy, show the busy icon in the view. */
.ImageSlideShow.ISSBusy .ISSView {
background-image: url(ImageSlideShow/iss-busy.gif);
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
filter: alpha(opacity=100);
/* If the slide show is playing, change the play button image to "pause" */
.ImageSlideShow.ISSPlaying .ISSPlayButton {
background-image: url(ImageSlideShow/iss-pause.gif);
/* Don't show the player controls if the slide show is busy! */
.ImageSlideShow.ISSBusy .ISSPreviousButton,
.ImageSlideShow.ISSBusy .ISSNextButton,
.ImageSlideShow.ISSBusy .ISSPlayButton
display: none;

Linking external css file issue

Hello everyone,
I have linked my css file to the html in dreamweaver manual in the html page and by attaching the css file in dreamweaver but when I add new stle to my css file I dont know why it wont show the affect of the style I add to the HTML file while I have the split view in dreamweaver. please help

That's because you're creating a class. You don't need a class to style HTML selectors.
HTML selectors don't contain any prefixes.
h1 {color:teal}
h2 {color:brown}
h3 {color: maroon}
Classes contain a dot prefix and must be referenced in the HTML.
.classname {color:pink}
<h2 class="classname">This class is pink</h2>
Nancy O.

Induced Error Linking to CSS files

When I link (in the CSS panel ) a CSS file locally to an html
page I get the following:
<link href="/css/type.css" rel="stylesheet"
type="text/css" />
The CSS folder is in the same folder as the page so the path
is almost correct but its the leading "/" that creates the problem.
The html page doesn't reference the CSS file.
If I remove the leading "/" the CSS file is referenced and
the page displays as expected.
So the link now becomes
<link href="css/type.css" rel="stylesheet" type="text/css"
/>
I'm not knowledgeable on the conventions of defining the path
from the page to CSS file so I have to ask is this a bug in DW, do
I have an incorrect setting that I'm not aware of, OR is there some
other reason this is happening.
Additional Information: The page displays correctly in the
"design" mode but when you go to "live view" it fails. The page
also fails to display correctly when viewed in a browser.
Background: DW CS4, OSX 10.5.5
Thanks

At the bottom of the "Select Style Sheet File" dialog there
is a filed
called "Relative to:". You have it set to "Site root". Change
it to
"Document".
HTH,
Randy
> When I link (in the CSS panel ) a CSS file locally to an
html page I get the
> following:
> <link href="/css/type.css" rel="stylesheet"
type="text/css" />
> The CSS folder is in the same folder as the page so the
path is almost
> correct but its the leading "/" that creates the
problem.
>
> The html page doesn't reference the CSS file.
> If I remove the leading "/" the CSS file is referenced
and the page displays
> as expected.
> So the link now becomes
> <link href="css/type.css" rel="stylesheet"
type="text/css" />
>
> I'm not knowledgeable on the conventions of defining the
path from the page to
> CSS file so I have to ask is this a bug in DW, do I have
an incorrect setting
> that I'm not aware of, OR is there some other reason
this is happening.

External CSS modification

Hi all,
I have a situation which I need to support external CSS files
editing. The customer should be able to modify his CSS files so the
application will get his changes at runtime.
I know of two available Flex solutions to this situation:
1) External CSS approach using StyleManager - correct me if
I'm wrong I need to compile CSS files to SWF to make it work.
2) External CSS using URLLoader which load the CSS file and
it can be parsed with StyleSheet object which works only on
TextField and I didn't get that all the way - why only for
TextField object ???
In the first case I have to compile my CSS and in the second
I have to write some code for getting the style to work with all of
Flex component (using CSSStyleDeclaration)
I'm looking for more elegant solution - is there one?
Thank you.

<div class="myforms">
            <html:form styleClass="search" action="search" >
                <html:text styleClass="text" property="firstInput" />
                <html:text styleClass="text" property="secondInput" />
                <html:submit styleClass="searchbutton" value="Start" />
            </html:form>
            <br/>
            <html:errors property="firstInput"/><br/>
            <html:errors property="secondInput"/>
        </div>page is ok upto validation process, by clicking start page should not change with wrong input, which in my case is only integers, but will get same page without my layout, which is linked external css and used
<link rel="stylesheet" type="text/css" href="style1.css"/>

Link to css error

<link href="rescueRegister.css" rel="stylesheet" type="text/css" />
Check browser compatibility in DW CS4 on mac returned the following but did not suggest solution. Anyone have a suggestion?
Found 4 errors in rescueRegister.css
Affects: Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Opera 8.0, 9.0; Safari 2.0
Here is the css
@charset "UTF-8";
body {
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
.thrColFixHdr #container {
width: 1024px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 825px;
.thrColFixHdr #header {
background-color: #DDDDDD;
background-image: url(images/rescuehead.jpg);
height: 200px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 10;
padding-left: 20px;
margin: 0px;
.thrColFixHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 205px; /* padding keeps the content of the div away from the edges */
padding-top: 25px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
height: 500px;
background-color: #F9F4EF;
}.smallprint {
font-size: 10px;
color: #444;
CSS
#navcontainer
background: #f0e7d7;
width: 205px;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
padding-top: 1em;
padding-right: 0;
padding-bottom: 1em;
padding-left: 0;
ul#navlist
text-align: left;
list-style: none;
padding: 0;
width: 205px;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
ul#navlist li
display: block;
margin: 0;
padding: 0;
ul#navlist li a
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #555;
text-decoration: none;
background: #f7f2ea;
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a
background: #f0e7d7;
color: #800000;
ul#navlist li a:hover, ul#navlist li#active a:hover
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
.thrColFixHdr #mainContent {
margin-top: 0;
margin-right: 55px;
margin-bottom: 0;
margin-left: 220px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
.thrColFixHdr #footer {
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
.thrColFixHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-size: 11px;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
h2 {
font-size: 18px;
a:link {
color: #022A4E;
text-decoration: none;
a:visited {
text-decoration: none;
color: #5D1A0F;
a:hover {
text-decoration: none;
a:active {
text-decoration: none;
h1 {
font-size: 24px;
line-height: normal;
font-style: normal;
text-align: left;
padding: 0px;
margin-top: 21px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
#mainContent p small print {
font-size: 12px;
color: #777;
#mainContent p small print {
font-size: 10px;
color: #444;

I found 2 errors with your CSS. First, the body background-color and color are the same (black #000). Black on black will make things not visible. Second, your .thrColFixHdr #header padding-bottom is set to 10. You have to add px after the 10 for the code to be valid, otherwise the browser does not know what the units should be.
As far as Browser Compatibility checks go, open up that window and click the Play button (I call it that, little green arrow for running check) and choose settings. Uncheck IE for Mac, set IE to 7.0, Safari to 3.0, Firefox to 2.0. Unless you have statistics for your site proving otherwise, this would tend to be a good place to start the DW browser check. IE for Mac support was dropped back at 10.3, IE has dropped support for IE 6 (but if you have statistics proving other keep it), Safari 3 was released with Leopard and as of February 80% of Mac users were on either Leopard or Snow Leopard ( http://www.appleinsider.com/articles/10/02/27/mac_os_x_market_share_up_29_leopard_still_mo st_common.html ) and Firefox 2.0 was released in 2006. In all honesty Firefox could be bumped up to 3.0 because those users tend to upgrade as well.

Link to an external CSS style sheet

This question was posted in response to the following article: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e1ca.h tml

I am assuming you're working within a Defined Local Site Folder. If not, go to Site > Manage Sites > New...
For further details:
http://help.adobe.com/en_US/dreamweaver/cs/using/WS753df6af718a350a60097e0f131686fa2b4-7ff e.html
How to attach external CSS files to your HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Dreamweaver very slow when linking to external CSS style sheets

I'm working on a site on my PC using Dreamweaver CS6. When I link to external style sheets, Dreamweaver virtually grinds to a halt. Just clicking from one line to another can take up 10 seconds. My PC is high spec, i3720, stripes set drives and 32gb ram.
I have tried deleting the cache no change. The external css files are part of the site and the site has been rebuilt . Can somone help with this as it is seriously impacting my ability to use Dreamweaver.

Hi Murray, the RAM comments were irrelevant, pointless. 32GB RAM vs 4GB RAM? Sorry, I worked at Microsoft and as a systems integrataion consultant for a number of years. 32bit programmes don't access RAM the same as 64bit, but, having 32gb with a 64Bit OS means RAM usage for a 32bit programme is better managed. Programmes and data files are on seperate drives. My data files kept are on 3 disk stripe sets.
The CSS files and the HTML file are on the same drive. AS an example of performance for data read/writes, I also use Photoshop CS6 to edit images in excess of 2gb in size containg multiple smart object, and I dont experience this type perormance lag.
In this case, RAM is mainly irrlevent because the file are small, approx 200kb total combined size. I mentioned RAM in my initial post because any time I've had problems with Adobe products before, I've always been asked how much RAM I have.
So, can we please drop RAM, and perhaps focus on the problem....
Dreamweaver, regardless of what background processes I have running, regardless of how much RAM I have, regardless of where the files are kept, has a significant performance hit when editing an HTML file with links to multiple CSS files.

Frustrated with external css link

I had an external css link that was working in edge version 2014.0, then I upgraded to 2014.1 and edge will no longer link to the external css link that it would before. (The reason I have an external css is that I have some elements that I am adding thru javascript to the stage later so that I don't clutter up the stage - these elements added later were then styled with my external css but now it doesn't work). I was able to get the css to link before by manually adding the css in the edge_Preload.js:
aLoader = [
      { load: "edge_includes/jquery-2.0.3.min.js"},
      { load: "edge_includes/edge.4.0.0.min.js"},
      { load: "js/rollarCoasterQuestionsMain.js", user: true },
      { load: "js/rollarCoasterQuestion1.js", user: true },
      { load: "js/rollarCoasterQuestion2.js", user: true },
      { load: "js/rollarCoasterQuestion3.js", user: true },
      { load: "js/rollarCoasterQuestion4.js", user: true },
{ load: "css/rollarCoasterQuestionsMain.css"},                 //this was the added line that worked before
      { load: "js/jquery.cookie.js", user: true },
      { load: "rollarCoasterR1_edge.js"},
      { load: "rollarCoasterR1_edgeActions.js"}];
It no longer works allowing me to add the external stylesheet this way... so I'm looking for a new way but going through the forum I've found the following examples that I haven't gotten to work:
Putting this in the stage code (technically is in the edgeActions.js file): sym.$("<link rel='stylesheet' type='text/css' href='css/rollarCoasterQuestionsMain.css'>").appendTo("#Stage");   //couldn't get this to work
Then tried putting this in my external javascript file just to try it another way but it diddn't work either (in my js/rollarCoasterQuestionsMain.js file):
$( "#Stage" ).append( "<link rel='stylesheet' type='text/css' href='../css/rollarCoasterQuestionsMain.css'>" );   // but this didn't work either
Please help

Actually in most of my Edge projects I'm using webfonts.
When doing this I also add an external stylesheet like below. (Located in the library, fonts tab)
Once done the stylesheet works too, without any other coding.
I hope this helps.
Kind regards,
Lester.

I want to do multiple a:link colors in external CSS

I want to do multiple colors for my Links/URLS (a:link). I am
using an external .css file. Am i forced to embed some styles
within html in parallel to having an external CSS file? can someone
help answer this and/or show examples? thank you.

Put this in your External CSS:
.newlink:link{ /*unvisited*/
color:#990000;
text-decoration:none}
.newlink:visited{ /*visited*/
color:#9999FF;
text-decoration:none}
.newlink:hover{ /*mouseover*/
color:#990000;
text-decoration:underline}
.newlink:active{ /*selected*/
color:#FFCC00;
text-decoration:none}
.newlink:focus{ /*optional, same as hover, but with tab key*/
color:#990000;
text-decoration:underline}
Put this list of links inside your HTML code:
<ul>
<li><a class="newlink" href="#"> Link
1</a></li>
<li><a class="newlink" href="#"> Link
2</a></li>
<li><a class="newlink" href="#"> Link
3</a></li>
</ul
Does this help?
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"domerdel" <[email protected]> wrote in
message
news:g3e951$kk5$[email protected]..
> I want to do multiple colors for my Links/URLS (a:link).
I am using an
external
> .css file. Am i forced to embed some styles within html
in parallel to
having
> an external CSS file? can someone help answer this
and/or show examples?
thank
> you.
>

Have a simple External .css link, but it is overridden by basic & agl-styles css?

Hello
Have just ?up-graded? to GoLive 9. Yes I have CS3 DW. I'm to old to change at this point.
Long time user with many websites, designed with GoLive 7. Most of these sites I have created, using one external "textMaster.css". All is fine.
I've created a simple new Golive 9 site with one "index" page. Imported one of my External.css, and placed this file in the CSS folder that GL9 creates.
On this index page I link to my external css, as in GoLive 7. Now I add a Grid layout, add a text box, and type some text. Once I'm finished, I select all the text and at the top menu bar assign [H1] to my text. In Golive 7, this would then use the [H1] text font,size,colour,etc. When I do this with GoLive 9, a two new external css are generated.
agl-styles.css
basic.css
The font size now seems to follow the agl-styles css, which for some reason has a font size of 66px assigned to [H1]???
If I delete the above two css files, the font DOES assign MY textMaster.css correctly. However as soon as I create another text box and then assign [H1] to it. All the text boxes on the page once again go to 66px. Also in the external css window, these two unwanted css files are back. In the "code" view, they are also now there.
What am I doing wrong?
I have also tried this with a small existing GoLive7 website, that I opened and updated in GoLive 9. Same story.
I have looked in the GoLive9 pdf manual to find out what a "agl-styles.css" file is, and how to stop it from being generated. No luck.
Thanks in advance for any direction.

Thanks Nate for your answer.
It's a VERY SAD SAD DAY, when one of the only reasons I was going to update from 7 to 9 was for a more up to date .css implementation.
SO VERY SAD to see, the most very basic one external text css, not work on a page.
I'm back to V7, got a refund from 9. Soon this forum which I have used for 7 years, will look like the hallways of the Vancouver airport at 11:47pm.
Thanks Nini, Nate, etc. I'll still be visiting this forum until it dies.
SAD SAD SAD! I'm sorry sir, there is now only one brand of car, it comes in one model and you have no options.

Unable to embed External CSS file, dropdown list,filter panel and dimension filter are not working in SAP Design Studio Tool

Hello Everyone,
I am new to SAP Design Studio. I am working on creating dashboards and I am using Design Studio 1.2 version. Please suggest some solutions for the following issues. Thanks in Advance.
1. External CSS file which is embeded using custom CSS option under "application component properties" is not working.
* I kept the external CSS file inside repository-> my application folder.
2. During runtime, getting javascript error while selecting '-' option from filter panel.
3. Unable to select or type dimension name under "dimension filer component" properties.
4. Getting runtime error for dropdown list, and I have inserted the following code under "onStartup" option of Application component properties.
"DROPDOWN_1.setItems(DS_1.getMemberList("PRODUCTREF", MemberPresentation.INTERNAL_KEY, MemberDisplay.TEXT, 20));
and dimension values are not populated in auto suggest."

There should be an Error Log under View > Error Log that gives you more details of these errors. Could you add that? There is also a View > Script Problems log that provides more details as well.

CS4 Live View Won't Display External CSS

I have a simple .html file - all located on my local machine
with an external .css file located in the same folder as the .html
file. Everything displays fine in a browser. Live View won't
display items in my external css file. It displays items in the
inline file fine. If I move items from the external to the inline
file they will appear. Links are relative to the Document in the
site setup. No default images folder defined (images are in a
folder called "images").
I know it's something simple and dunderheaded. Just getting
back into html after a little hiatus. Any help greatly
appreciated.

> If this is a static site, ignore the Live View button.
> Test it in browsers using F12.
Live view will work fine in a static site, though.
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
==================
"Alan" <[email protected]> wrote in
message
news:C5713A99.31982A%[email protected]..
> suggestion-
>
> Make every line in the site defintion Correct.
> If not sure what it should be, ask.
>
>
> If you use site root relative paths, enable using temp
files in dw
> preferences->Preview in browser
>
> The link to the external css file is a site root
relative path.
> Change it to a document relative path
>
> There is a pulldown at the bottom of the "browse to
file" dialog box to
> choose linking method.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>

How to apply external CSS file with MyFaces Trinidad?

In my original JSF page, I used to have
<head>
<link href="css/app.css" rel="stylesheet" type="text/css" />
</head>However, after I switched to MyFaces Trinidad and used <tr:document> tag, the external stylesheet could not be applied.
<tr:document inlineStyle="css/app.css">I wonder the external stylesheet is not applied in this way with the inlineStyle attribute. So what is the correct way of applying an external stylesheet for the whole page? Thanks.

...and which kind of files can be included under
resources: [] ??
I have a .json file that I need to be included in a template (and also included in projects created from that template).
The only way I found to do this is to add it as a script. The problem then is that all included "scripts" will be evaluated when the page is loaded, which will fail since it's a json file. External dependencies makes it impossible for me to change the format of the json file...

Template that does not let an external css to be attached

Hi
i have a template with en editable region for mainContent.
and it is applied to all the pages in my site.
now i want to attach an external css file to one of the pages
that is based on that template, and i get this message:
"a request to create a new style, link or import failed. if
you work with an instance of a template, make sure that you have an
editable region in the head tag".
so i went to my template and selected all the head tag and
made it an editable region.
but i still get the same message.
what can i do?
best regards

I am having the exact same problem but my template was saved as a template. I created a page from my template and made editable regions, when I go to create a style it tells me "A request to create a new STYLE, LINK, or IMPORT failed. If you are working with an instance of a template, make certain that there is an editable region within the head tag." I've tried making an editable region within the head tag and it still doesn't work.
Here is my code.
<!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>Witmer Furniture</title>
<style type="text/css">
#container {
    width: 780px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    margin-top: 0px;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="../footer.css" rel="stylesheet" type="text/css" />
<link href="../columnone.css" rel="stylesheet" type="text/css" />
<link href="../columntwo.css" rel="stylesheet" type="text/css" />
<link href="../columnthree.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
</style>
</head>
<body>
<div id="container">
<div id="banner"><img src="../images/banner5.png" alt="Witmer Furniture" /></div>
<div id="cascading menu">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="witmerfurniture.com">BEDROOM</a>
      <ul>
            <li><a href="#">Bedroom Sets</a></li>
            <li><a href="#">Beds</a></li>
            <li><a href="#">Nightstands</a></li>
            <li><a href="#">Dressers</a></li>
            <li><a href="#">Case Goods</a></li>
            <li><a href="#">Mirrors</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">OCCASIONAL</a>
      <ul>
            <li><a href="#">Coffe Tables</a></li>
            <li><a href="#">End Tables</a></li>
            <li><a href="#">Sofa Tables</a></li>
        </ul>
      </li>
<li><a class="MenuBarItemSubmenu" href="#">ENTERTAINMENT</a>
      <ul>
            <li><a href="#">T.V. Stands</a> </li>
            <li><a href="#">Armoires</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">HOME OFFICE</a>
      <ul>
            <li><a href="#">Desks</a></li>
            <li><a href="#">Bookcases</a></li>
            <li><a href="#">Cradenzas</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">NEW PRODUCTS</a>
    <ul>
            <li><a href="#">Weston</a></li>
          <li><a href="#">Summit Lake</a></li>
        </ul>
      </li>
    </ul>
</div>

<div id="main">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','780','height','280','title','flash','src','../Flash/WitmerFlash','loop','false','qual ity','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Ve rsion=ShockwaveFlash','wmode','transparent','movie','../Flash/WitmerFlash' ); //end AC code
    </script>
    <noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="780" height="280" title="flash">
      <param name="movie" value="../Flash/WitmerFlash.swf" />
      <param name="quality" value="high" />
      <param name="LOOP" value="false" />
      <param name="wmode" value="transparent" />
      <embed src="../Flash/WitmerFlash.swf" width="780" height="280" loop="false" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
    </object>
    </noscript>
</div>


<div id="body"><img src="../images/collections border.png" alt="Collections" width="780" height="30" /></div>
<div id="columnone">
    <ul>
      <li><a href="ashland.html">Ashland</a></li>
      <li><a href="brookb.html">Brook B</a></li>
      <li><a href="Clayton.html">Clayton</a></li>
      <li><a href="contemporary.html">Contemporary</a></li>
      <li><a href="darlington.html">Darlington</a></li>
    </ul>
</div>
<div id="columntwo">
    <ul>
      <li><a href="ellyg.html">Elly G</a></li>
      <li><a href="oakgrove.html">Oak Grove</a></li>
      <li><a href="southbay.html">Southbay</a></li>
      <li><a href="stratford.html">Stratford</a></li>
      <li><a href="summitlake.html">Summit Lake</a></li>
    </ul>
</div>
<div id="columnthree">
    <ul>
      <li><a href="taylorj.html">Taylor J</a></li>
      <li><a href="unity.html">Unity</a></li>
      <li><a href="weston.html">Weston</a></li>
    </ul>
</div>

<div id="footer">
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="aboutus.html">About Us</a></li>
      <li><a href="../contactus.html">Contact Us</a></li>
      <li><a href="sitemap.html">Site Map</a></li>
    </ul>
</div></div>

<script type="text/javascript">

</script>
</body>
</html>

Errors Linking External CSS

Similar Messages

Maybe you are looking for