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.

Similar Messages

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.

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.

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;

How setting contentStyle in a external CSS File

Hello,
I want setting any contentStyle properties in an external css file.
Something like:
<af:selectOneChoice id="gotoPg"
contentStyle="width:60px;"
I tried this, but doesn't work:
<af:selectOneChoice id="gotoPg"
styleClass="classCss"
Inside the external css:
.classCss{
width: 60 px;
How can i setting the contentStyle properties in an external css file ?
Thanks,
Victor Jabur

Hi Victor,
On the ADF web page (jspx) you have to include the css stylesheet
<link rel="stylesheet" href="./css/untitled1.css" type="text/css"/>
You can create a new CSS file from JDeveloper by right-clicking on the ViewController project, select "New..", once the "New Gallery" window is displayed go to Web tier -> HTML and you will have the "CSS File" option.
What you put inside your css looks good:
.classCss{
width: 60 px;
Note that the width property will affect the whole af:selectOneChoice component, including the label and the different choice values.
-Cris

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

Problem with elements/text linking to styles in external css file

Hi,
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?
I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.
The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.

Use yepnope like this:
yepnope(
    nope:[
    // include your css file path here.
        'css/yourcssfile.css',
    complete: init
function init() {
//whatever you need here

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

WTG Newbie: can't find external CSS file

Hello Forum... I've placed a css file in a directory (/res/basic.css) just off the root of my test webtogo application but the application doesn't pick it up when I use the syntax:
<link rel="stylesheet" href="/res/basic.css" type="text/css"> in the html header.
I've tried some variations on the href url but still can't get it to work.
I presume I'm not understanding something pretty fundamental. Can anyone enlighten me? Btw, this usually works on another servlet container such as tomcat.
Many thanks
/j-p.

Hello Ravi... thanks for your help.
1. version 10.0.0 of oracle lite
2. I'm just starting out with some simple test applications.
3. I just wanted to include external files for css stylesheets and javascript in my test web application.
Case 2 is my situation.
I can't succeed in getting the olite server to serve the css file - even by manually typing the url:
http://localhost:7070/mobtest2/res/basic.css
and I had tried removing the root slash as you had suggested but still the same problem.
Here is the relevant section of wtgapp.xml from the wtgsdk\bin directory, maybe you or someone can make out what I'm doing wrong by how this is configured:
<application name="SecondMobileTest">
<platform_info>
<platform>Oracle Lite WEB;US</platform>
</platform_info>
<app_info>
<directory>/mobtest2</directory>
<virtualpath>/mobtest2</virtualpath>
<defaultpage>users</defaultpage>
<icon></icon>
<description>A Second Mobile test</description>
<publication></publication>
<platform>Oracle Lite WEB;US</platform>
<localroot>C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\</localroot>
<classpath>/jp_test/tabletest1/servlets</classpath>
</app_info>
<xcopy local="C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\res\basic.css" server="" recursive="Y"/>
<xcopy local="C:\oracle\ora92\Mobile\Sdk\wtgsdk\root\jp_test\tabletest1\servlets\org\wfp\test\Users.class" server="" recursive="Y"/>
<app_db connection="10" sharing="N">
<dbuser>master</dbuser>
<dbpwd></dbpwd>
</app_db>
<role name="Default Role"/>
<servlet name="org.wfp.test.Users" virtualpath="/users"/>
</application>
Best Regards
/j-p.

How to link a css file in the xsl file

Hi
           I would like to know how to include link to my .css file in my .xsl file.
The scenario here is I want include a background color in my ShowForm.I am trying to do the same using css.
This is the code snippet in my css file
.outerbody {
     background-color: B1C1CF;
This is how I tried to include a link in my xsl file
<link href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css" type=text/css rel=stylesheet>

Hi
          Thanks a lot. It would be very helpful if you send me an example.
As of now I have found a solution,I would like to share it here.
I added a link to my css file in xsl:
<link rel="stylesheet" type="text/css" href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css">
</link>
I replaced the standard class name "body" with my class name "outerbody" specified in the css file.
<body class="outerbody">
Edited by: SRIVIDHYA RAGHUNATH on Feb 25, 2009 11:19 AM

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

Defaults.css File issue

Hi Guys,
I have been trying to understand the issue revolving around defaults.css file in a Flex Library project. Here is my scenario,
I have the following 3 library projects and they have their own defaults.css
1. Component-1.swc ( this is a defaults.css in it )
2. Component-2.swc ( this is a defaults.css in it )
3. Component-3.swc ( this is a defaults.css in it )
I am trying to merge all the above SWC's into a single SWC named framework.swc using the maven dependency element as shown below.
<dependencies>
       <dependency>
             <groupId>com.ui</groupId>
             <artifactId>Component-1</artifactId>
             <version>${project.version}</version>
             <type>swc</type>
             <scope>internal</scope>
       </dependency>
       <dependency>
             <groupId>com.ui</groupId>
             <artifactId>Component-2</artifactId>
             <type>swc</type>
             <version>${project.version}</version>
             <scope>internal</scope>
        </dependency>
       <dependency>
             <groupId>com.ui</groupId>
             <artifactId>Component-3</artifactId>
             <type>swc</type>
             <version>${project.version}</version>
             <scope>internal</scope>
         </dependency>
<dependencies>
this results in framework.swc with a single defaults.css ( any one out of the three defaults.css file ). Can someone help me understand why this is behaving like this ? My guess is that it is trying to replace the defaults.css file when a dependent file was included in the file swc. But why ??
Any response is greatly appreciated.
thank U!

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.

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

Loading external .swf files issue...

Hi,
I'm working on a simple example of loading external swf files with some ActionScript.
I've placed an instance of List Component and gave it an instance name of loadList. Using Component Inspector, I assigned data for 4 external files as below:
Next, I've added a UILoader component (instance name - loadWindow). The code that is supposed to load the content into UILoader is this:
loadList.addEventListener(Event.CHANGE, selectItem);
function selectItem(e:Event):void
loadWindow.source = e.target.selectedItem.data;
When I run it in a FlashPlayer, it only loads the first 2 swf files.... (I checked the files and all files are fine).
I hope to get some light on the issue so any help will be appreciated.

Try tracing e.target.selectedItem.data to make sure it's what you expect.
Also, have you tried using the load() method instead of the source property?

Linking external css file issue

Similar Messages

Maybe you are looking for