External CSS in CS6?

The option to save HTML with an external CSS sheets eems to have disappeared in CS6. Any way of restoring it? CS5.5 was fine, and the reference PDF says it's still there.

Correct, and thank you for the quick reply, Steve.
Unfortunately, when you do this, instead of a straightforward reference to one's external sheet being put in the HTML, as was the case in CS5.5, two new files are made and referred to: [filename]-resources/css/[filename].css and [filename]-resources/css/[external sheet filename].css - the latter being a copy of the external sheet.
So instead of having a single css file for a whole site, we have a separate one for each page. If the css is updated, every page will need to be re-saved.
As I'm using InDesign for a diary web site which has many frequently-updated pages (Indesign is used so that its files can be used for the bi-monthly printed version), this is not helpful. I suspect someone at Adobe's been too d___ clever.

Similar Messages

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.

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 add external css file from _edge.js file

I have tried to add in html page, but when I save edge project it removes it.
I am able to add external js file in scripts:[] in _edge.js file
What we can add inside resources:[] ?
And is there any way to add external css in edge files except in html page and through javascript?

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

How to use external CSS for standard items ?

Hi,
I would like to use my external CSS style-sheet for the standard items I add to my portal page.
I build an UI template with a CSS-link to my css style-sheet, and I used this UI template for my portal page. But it seems that items cannot use this UI template CSS reference.
Is there a way to use external CSS on standard items (text, url,...) ?
Thanks for your help,
Best Regards,
JC.AUDARD

Easiest way I find to do it is to drop your css file in the portal/images folder. Make a hidden html portlet on your template and link to /images/mycss.css. You can then use it for many items such as text, links, html portlets, etc.

Loading an external CSS stylesheet

I am new to Flash and trying to get an external CSS
stylesheet to work correctly. I loaded the following sample code
from the Adobe help files but the html text does not format
correctly? If I add a StyleSheet object , then it will format just
fine. The external CSS file is in the same directory as the SWF
file and I'm not getting any error messages. Using IE7 and Flash
Player 9.0.115....Any help would be much appreciated.

you can use something like the following to make your code
more eyeball friendly:

How to Live View with external CSS files?

I am using a simple HTML page that references several external CSS style sheets. The style sheets are site root relative. The code validates.
http://www.sandsmuseum.com/coinop/games/evansraces/documentation/index.html
In Dreamweaver, the page looks good in Design View. Previewing in a browser looks good when the box to save temporary files is checked (replaces css inline for the input to the browser.)
However the page is missing the CSS and an image that is site root relative when I try to view it with Live View.
Does Live View only work with a test server? I tried setting up a test server that points to the remote server but that does not seem to help.
I am sure I am missing something. Can someone please help?
Thanks,
Michael

Apparently I did not ask the question correctly or even make it interesting. Does anyone have a suggestion on how I might ask the question next time?
thanks
Michael

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/

AS3 - External CSS and External text

I'm going nuts here. I have successfully loaded text from an
external file. I have successfully loaded styles from external CSS.
Trace appear to confirm that both have loaded. My Problem is that I
cannot get the styles to apply to the text.
I thought that perhaps it was a sequence issue and have tried
to make sure that the CSS loads before the HTML. I have also
attempted to apply the style by using a button event (but did not
include that code) just for testing but that did not work either. I
did apply the same CSS to text typed in Flash and that was styled
correctly - just to confirm that the CSS was valid.
Anyone see what my problem is? Thanks

I'm going nuts here. I have successfully loaded text from an
external file. I have successfully loaded styles from external CSS.
Trace appear to confirm that both have loaded. My Problem is that I
cannot get the styles to apply to the text.
I thought that perhaps it was a sequence issue and have tried
to make sure that the CSS loads before the HTML. I have also
attempted to apply the style by using a button event (but did not
include that code) just for testing but that did not work either. I
did apply the same CSS to text typed in Flash and that was styled
correctly - just to confirm that the CSS was valid.
Anyone see what my problem is? Thanks

External CSS and Templates

I am fairly new to using CSS and Dreamweaver having finally taken the plunge and dropped Micromumble mumble... I am wondering about external CSS and templates. When I assign a template to the external CSS does the CSS also translate down to the documents that are attached to the template or do each of them need to be attached to the CSS itself to work as well? Thanks for any help offered.

Just to clarify, if I have a class to define the color of my links in the template that is used in the uneditable regions but I also use the links in the editable regions, do I need to attach the CSS to the child as well?
Need to clarify the terms here.
How is the class defined and what do you mean by attached the CSS?
Probably easier to explain by example.
Can you paste the code here?

Insert a div box background for one document only while using external CSS style sheet.

I am trying to set a background image in one of my div boxes, but because I am using an external style sheet it changes it in all my documents. How can I do it with just this one page? Preferably in design mode.

What i did to slove this problem was:
Open my external CSS style sheet
Copy the contents of it
Remove the CSS link in the one page i wanted to be different.
Pasted the contents in the <head> under the rest of the CSS rules for that page.
Then I could set the background for that box w/o altering the other pages..
I tried the other suggestions, but could not get them to work. Not saying they are wrong, but maybe i was implementing them wrong.

External CSS file in HTML export options

When exporting to HTML from ID CS5.5, is the option for an external css file a link to a file or a url?

@ mmurphytech4pub, the External CSS allows you to choose a file from your computer. However, you can also mention an http:// URL if you're CSS file is hosted on a web server.

External CSS file?

Do I have to write a CSS rule for every symbol and element in a presentation or can I just specify a general rule for the whole thing?
For example, how can I specify that all images should have a red border, or all links should change color on hover?
Shouldn't I be able to create a separate CSS file as in Dreamweaver and just attach it?
Thanks

Can i get you to elaborate on this statement? This sounds like something that will work for me.
I have a text box in my edge composition with a scroll overflow. I have added a class to that text box equivalent to that established in an external css file. In that css i have items to change the look of the scroll bar, text color, and background color.
I need a little guidance how to fit all these pieces together.

External CSS in CS6?

Similar Messages

Maybe you are looking for