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?

Similar Messages

Basics of CSS and Templates

Hello
I'm currently working with CSS and Templates and have
limited experience. Does anyone know of some good resources to get
me up to speed quickly?
Thanks.

CSS -
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Templates -
Here, or here -
http://www.dreamweavermx-templates.com
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
==================
"merffe" <[email protected]> wrote in
message
news:ecdesc$o33$[email protected]..
> Hello
> I'm currently working with CSS and Templates and have
limited experience.
> Does anyone know of some good resources to get me up to
speed quickly?
>
> Thanks.
>

Add spry menu to external css or template

I have a working navigation menu at www.reachyourpotential.ca
but I haven't used an external style sheet on this website and that
seems to be the thing to do these days. I used cs3 to add a spry
horizontal menu to a template (standard cs3 2 column). Should I
move the spry menu to an external style sheet?
I believe the benefits of an external css are faster page
loading speed and better seo.
I am also revising a website for a client and want to get it
right the first time.
Which is better - add the spry menu to an external css or a
template?
Thank you.

This may sound really dumb as no one ever addresses this
issue, but once I create the Spry menu and then create all my other
pages from the template, what if I need to change something in the
menu? Since the href's are located in the HTML of the sheet itself,
not in the .css or .js, how do you get to the point where you just
change it one place and it changes everywhere?
Does this make sense? What piece of the puzzle am I missing?
Thanks for any assistance.

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

CSS and Template availability in WebI Report

Hi All,
Does WebI provides facility to import CSS Stylesheet for using those settings in report?
Can we create Templates in WebI?
Our requirement is to decrease the manual task by using single CSS Stylesheet and Templates for creating multiple/many Reports.
Regards,
Arjun

Hi,
yes, it is possible in BOEXI:
You just have to edit the related defaultConfig.xml file on the BO Server:
Windows based BO installation:
<BO folder\Tomcat55\webapps\AnalyticalReporting\webiApplet\AppletConfig\defaultConfig.xml
Unix based BO installation:
/<BO_install_folder>/bobje/bobje/enterprise120/warfiles/WebApps/AnalyticalReporting/webiApplet/AppletConfig
Can we create Templates in WebI?
In XI R2 there is no support for Webi templates as there is with Deski. We worked around this by creating a Webi report with all of the standard components, header, footer, etc. and saved that to a templates folder. The report was marked read-only so no one could change it and any new reports were created by copying the template report.

How to include external javascript and css resources to a jsf?

I need to include external css and javascript files to my jsf page. Using the code below does not work because all the styles on the css page are ignored and the functions within the js files are not executed.
<link rel="stylesheet" type="text/css" href="/resources/styles/style.css" />
<script language="JavaScript" src="/resources/javascript/util.js"></script>When I try to execute any js function within a script tag on a jsf page I get an object expected error.
I googled about my problem and found this piece of code for importing styles for an external css.
<style type="text/css">
@import url("/resources/styles/style.css");
</style>How could I add an external javascript file to my jsf?

Used the relative urls in my first post as well as these, and both were not working.
<link rel="stylesheet" type="text/css" href="./resources/styles/style.css" />
<script language="JavaScript" src="./resources/javascript/util.js"></script>The ./ tells that the external file can be found by starting at the current directory and working down the path to the specified file. This is my directory structure. Index.jsf is the file that references the external js and css files.
-Webcontent
|_index.jsf
|_resources
|__styles
| |__style.css
|__javascript
|__util.js
Either way I still can't reference the files that I need. Calling a javascript function results in an object expected error, and the styles are ignored.
If I include the js file directly in the jsf then I can get it to work. I don't want to do this because I have created a handful of seperate js files, and do not want to include all of them in one page. I am using myfaces and tomahawk if that helps.

Css or template

New to this forum and new to Dreamweaver
MX2004……so please be gentle.
I am in the process of teaching myself to use Dreamweaver
MX2004 with a view to producing a website to display a range of my
photographic work and possibly selling some images.
I need to produce a very simple site consisting of a home
page, a biography page, a contact page and a gallery. I want to
have a black background with white text on each page.
I have read about CSS and Templates. Is it best to define the
look/appearance i.e. font/text colour/background colour of each
page using CSS or a Template ? Any advice would be much

Define the look of the page using CSS. Control the content of
the page
using Templates. Build the layout of the page using HTML.
Each of these
has a separate function and a separate purpose.
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
==================
"TurtonBlue" <[email protected]> wrote in
message
news:e8eio1$kc9$[email protected]..
> New to this forum and new to Dreamweaver MX2004??so
please be gentle.
>
> I am in the process of teaching myself to use
Dreamweaver MX2004 with a
> view
> to producing a website to display a range of my
photographic work and
> possibly
> selling some images.
>
> I need to produce a very simple site consisting of a
home page, a
> biography
> page, a contact page and a gallery. I want to have a
black background with
> white text on each page.
>
> I have read about CSS and Templates. Is it best to
define the
> look/appearance
> i.e. font/text colour/background colour of each page
using CSS or a
> Template ?
> Any advice would be much
>

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

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.

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>

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.

Dw, css, and a template, what is the best way to create a 20 page website with a different header in each page?

dw, css, and a template, what is the best way to create a 20
page website with different header content on each page? i am
trying to insert a specific image and background color for each
header on every page. what is the easiest or best way to do this?
thanks, bryan

"mediastream13" <[email protected]> wrote in
message
news:f47bes$9om$[email protected]..
> ok, murray, here is the site.
http://www.helphotline.org
> in I.E. 6 i can't see the background color behind the
header images,
I'm seeing a hot pink background (which is my browser default
- so that I do
remember to declare a background color). You need to add:
body { background-color: white;} to your stylesheet, or into
the imbedded
styles on your page.
In Firefox, the very top black section, #headertop is hidden
behind the
header image.
> background of the date/time isn't stretching the full
length of the
> screen, and
> the margins aren't working in the main content area. how
can i put a
> background
> color behind the header images?
I can see the header image stretching right across the page..
so not sure
what color is missing there.
> is there anyway to download i.e. six on my computer if i
already have
> i.e.7? i
> just want to be able to preview the site before i upload
the changes. it
> seems
> everything works in i.e. 7.
Yes, I used this and it works really well.
http://tredosoft.com/Multiple_IE
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au

Including external javascript and css files in servlet

Hello,
I am struggling to generate an HTML page from within a servlet using external javascript and css files. I am not sure how to point the servlet to the external files.
Any code sample to accomplish the above will be much appreciated.
Thanks inadvance,
Antana.

Can't you just include the following in your servlet?
       response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<html>");
        out.println("<head>");
        out.println("<title>Getting CSS</title>");
        out.println("<link rel='stylesheet' type='text/css' href='yourCSS.css' />");
        out.println("<script language='JavaScript' SRC='yourScript.js'></script>");
        out.println("</head>");
       //...

Load the External text and css file for more frames

hello..
       I created one Movie file. In that I load the External text and css file in first frame and display the first variable value in one text box.
And then in 2nd frame I use another one text field and display the 2nd variable value like that I want to load the more variable in more textboxes with different frames.
     I loaded for first variable value in first frame. But I don't know how to do next frames like that..
     Help me...

You need to load them in the frames they are in. You can store the loaded data in variables in frame 1, but you will need to extend that layer so that whatever is stored is avaliable in other frames. The code to load the data into the other textfields can then be done in the frames where it is needed.
There are other options, such as not using other frames for content or having all of them in frame 1 and making them invisible until you get to the other frames where they get turned visible.

Edge Animate 1.0 and external css

Hello and Happy Friday All,
I'm having issues getting an external css to work inside my Edge Animate project.
I'm importing the css like so on the compositionReady area of the stage actions:
$("<link/>",{"rel":"stylesheet", "type":"text/css", "href":"mmt_stylesheet.css" }).appendTo("#Stage");
My css is in the same directory as the rest of my edge files.
In my css file I have things written like so:
#Stage_#testing {
font-color: rgba (255,255,255,0.6)!important;
#Stage_#testing2 {
background-color: #0F0 !important;
width: 600px !important;
In my edge file I have one text file on the stage with the instant name of testing and a symbol of a simple rectangle with the instant name of testing2.
I am not seeing any styling when I previw the edge project. Any help would be much appreciated. Thanks

IE 10 - Sorry but I am new to this and do not know what you mean by "prefixes"
I have also tried this in Chrome and Firefox and the jpg does not load.
Do you know of another way of doing this? I thought it would be easy in Animate but it just seems very complex.
If I do this in a HTML page
<!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="mmt_stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="earth"></div>
</body>
</html>
With a css file of
@charset "utf-8";
/* CSS Document */
#earth {
width: 100px;
height: 100px;
background: url(http://www.noirextreme.com/digital/Earth-Color4096.jpg);
border-radius: 50%;
background-size: 210px;
box-shadow: inset 16px 0 40px 6px rgb(0, 0, 0),
inset -3px 0 6px 2px rgba(255, 255, 255, 0.2);
animation-name: rotate;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
@keyframes rotate {
from { background-position-x: 0px; }
to { background-position-x: 210px; }
This works fine in all browsers - add this to Edge and it does not work.

External CSS and Templates

Similar Messages

Maybe you are looking for