Include a CSS file problem

I having a problem in including a css file in my jsp pages.
the tag is written as follows
<link rel="StyleSheet" type="text/css" href="ressources/stylesheet.css" media="screen"> I did change the directory ressource, the path and tried to play each and every time with this tag but it doesn't work. by the time I deploy my application, it tells me to download this css file or sometimes it tells me that the ressource is not available.
I am using netbeans with Glassfish.

Sorry for taking so long to answer but, it sounds that you didn't understand me.
I have included the exact lin to the css file but it still have a problem. below is the code in the JSP page
<%
String CssUrl= (String)application.getAttribute("CssUrl");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="StyleSheet" type="text/css" href="<%=CssUrl%>/stylesheet.css" media="screen">
        <title>Login Utilisateur</title>
    </head>
...the CssUrl variable is defined in the web.xml file as the follwoing
<init-param>
            <param-name>CssUrl</param-name>
            <param-value>/GestionBudget/resources/css</param-value>
        </init-param>Please can you explain to me why when I execute the page, I got no Css application and sometimes, I got the error page of the server that the css file as a resource doesn't exist.

Similar Messages

Default css file problems

I'm trying to use a default css file in a library project... I'm using this in my library's compile arguments:
"-include-stylesheet defaults.css /assets/styles/defaults.css"
In defaults.css, I'm trying to assign a defautl skin like this:
comp|Badge {
    skin-class: ClassReference('com.woo.skins.BadgeSkin');
The problem is when the component is being newed:
Main Thread (Suspended: TypeError: Error #1009: Cannot access a property or method of a null object reference.)
    mx.core::UIComponent/getStyle
    spark.components.supportClasses::SkinnableComponent/attachSkin
    spark.components.supportClasses::SkinnableComponent/validateSkinChange
    spark.components.supportClasses::SkinnableComponent/createChildren
What part am I doing wrong? I'm hoping it's the -include-stylesheet part, I couldn't find a single example for using that.

I assume you are using FlexBuilder to build and compile and not ant or the comand line correct? If so there are two things you need to check.
1) Where is your defaults.css located? As long as it is in the root of your library's src directory (ie. src/defaults.css) you shouldn't even need to add that compiler option. When it builds a project, FlexBuilder looks for a file named defaults.css in this location and will use it to override the framework version.
2) Go into your project properties -> build path -> assets tab. Make sure your defaults.css file is selected for inclusion.

.css file problem

Hello friends My name is Mohit. I am getting some errors during opening of .css files of my Blog. It shows "Dreamviewer can't open this file" error. I am currently using Dreamviewer 8.0.1 version. I was getting this error in windows 8. But when I install windows 7, it was working fine. I am curious to know that why .css files are not working properly in window 8. I have already posted one similar question a month ago but did not get any answer. I hope I'll get helpful answer this time.

Try clearing the cache as in http://www.dmxzone.com/go/16740/clearing-dreamweaver-s-cache/

Applying tooltip styles from defaults.css file problem

in flex library, create custom tooltip extend ToolTip
CustomToolTip code:
public class CustomToolTip extends ToolTip
then i want use custom skin like ToolTipBorderSkin, so i add into defaults.css
defaults.css code:
CustomToolTip
borderSkin: ClassReference("my.skins.ToolTipBorderSkin");
build it into swc file, then in my application use
when i set textinput tips, it doesn't use the new skin
if write this line in the application, it works fine.
import my.controls.CustomToolTip; CustomToolTip
i don't know why.
Thanks for any help.

Thank you for your reply, alex.
i have assign the tooltip as the tooltipClass
CustomToolTipManagerImpl.as the code like this;
public class CustomToolTipManagerImpl extends ToolTipManagerImpl
public function CustomToolTipManagerImpl ()
   super();
   toolTipClass = CustomToolTip;
and custome define the application preloader
public class PreloaderBar extends DownloadProgressBar
public function PreloaderBar()
   super();
   registerClasses();
protected function registerClasses():void
   Singleton.registerClass("mx.managers::IToolTipManager2", CustomToolTipManagerImpl);
the application add this line:
preloader="my.preloaders.PreloaderBar"
i build this in flex library, and define the CustomeToolTip borderSkin in defaults.css
if i set borderSkin in actionscript, it is ok, but if i set in defaults.css, it doesn't work
setStyle("borderSkin", ToolTipBorderSkin);

How to include .css file into jsp file in portal application

Hi,
I have included a .css file in a .jsp file using following tag :
<link rel="<%=componentRequest.getWebResourcePath()%>/css/ts.css">.
I have kept .css file under /dist/css folder.
Preview of jsp file is fine but when I upload the jsp file and .css file to server, Look and feel of the screen is changing. When I paste the style code in jsp file, look and feel is fine.
Can some body suggest me that why the look and feel is changing when I put the style code in css file and include it in jsp.
Thanks in advance.
Manish

Hello
We're using <link rel="stylesheet" type="text/css" href="http://ourserver/eclib/css/ecstandard.css">
between <head> and </head>
It works.
Hope it helps.
Regards
Benoit

@import css support? How to include CSS files in CSS file?

Is it possible to use the @import command in CSS files? Or how to include other CSS files in a main CSS file?

I think it's very important to support the import statement because if you build a real world application the css can be very complex. so there is a really need for css modularization....

Dreamweaver Extension to view all included CSS files in a document?

Is there such an extension that would allow you to view, via a panel, all inlcuded CSS filed within a document?
It would be so nice to see a nice list of all of your included CSS files, especially when there are several, and also being able to launch them and edit them without having to go into code view within the document, find the reference, and then Ctrl+D to edit the stylesheet. I swear I saw something like this once, but I can't find it anywhere now...

Have you looked in the CSS Styles panel? If you have "All" selected, then you can see cach attached CSS file and perofrm any edits you want to and not have to open the files. Also, if you have Dreamweaver CS4, then the Related Files bar lists all related files, including any CSS files and you can select the CSS file name and you can edit the files directly.
While in the CSS Styles panel, if you right click on the selector, or on the properties for a selector, then you can choose Goto Code which will take you to the correct file and the correct line for the code of the specific selector.
Or am I missing something that you're trying to accomplish?

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

Is there a way to have all styling for objects written to a standalone CSS file?

Hi,
I’m currently working on converting a bunch of Flash diagrams to mobile-friendly HTML with Edge Animate and would like to be able to tweak the styling of all of them with a single master CSS file.
While I know it’s possible to overwrite Animate’s inline styles by including external CSS files and using the !important declaration, it would be incredibly handy for use cases like mine to be able to have Animate not use any inline styling and instead save all styling to an external CSS file whose path is referenced clearly in the code snippets that we already have to add to our HTML in order to include the Edge animation files, so the path to the CSS can be quickly and easily changed when moving from test to deployment, etc.
Any chance of this option being added?

I wish it did utilize a.css as opposed to inline as well.
Darrell

Including external CSS while designing

Hi there! Sorry if this is a simple question, but I'm a Dreamweaver newbie and didn't see this answered anywhere else, in the Dreamweaver help or forums.
I'm usually creating portions of pages in dreamweaver, that get included later in larger pages. It's not possible for me to edit the whole page at once, as some parts of the pages are dynamic and out of my control. What I want to do is include all the CSS that gets included elsewhere in the page somehow in Dreamweaver, without including it in the HTML. I know what these files are and where the exist, it's just I don't want to have to go back with every page and delete those references to the CSS files, since I don't want them included twice! Is there anyway to tell dreamweaver to automatically include these CSS files when I'm designing these pages? It would make my life so much easier...
Assuming it is so, what is this called so I can find the documentation and read up on it?
Thanks in advance!

See if Design Time Stylesheets achieve what you're looking for
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e17a.h tml

Problem with CSS files when placed in multiple locations.

Hi,
In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
ABC
---Scripts
---Stylesheets
DEF
Scripts
Stylesheets
Common
---Scripts
---Stylesheets
The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
Facing similar problem with module specific and common js files.
We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
MII Version: 11.5
Please help!
Regards,
Rajesh.

Rajesh,
Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
for example,
say CSS1 has
.bodycolor
background-color:yellow;
.button
color:red;
h1
font-size:50pt;
and CSS2 has
.bodycolor
background-color:red;
.button
color:yellow;
And your HTML is,
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>CSS Test</title>
</head>
<body class="bodycolor">
<h1>Hello World</h1>
<input type="button" class="button" name="B1" id="B1" value=" Click " size="50">
</body>
</html>
In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
Hope this helps!!
Regards,
Adarsh

I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

How to include custom css in js file

Hi,
We have a JS view and we want to include custom css in the same. How can we achieve the same.

Hi Saket,
You can use this in your view
jQuery.sap.includeStyleSheet("custom.css","MyCustomCSS");
or if it is in a package called css
jQuery.sap.includeStyleSheet("css/custom.css","MyCustomCSS");
MyCustomCSS is just an alias to call the css file
Thanks,
Roshini

BIG PROBLEM: CSS files not loading because of international characters in file name

I have Muse Beta 7 in Spanish.
The program creates a css file called master_a-página-maestra.css in css folder. It is referenced in the resulting HTML code here:

<link rel="stylesheet" type="text/css" href="css/site_global.css?3951792836"/>
<link rel="stylesheet" type="text/css" href="css/master_a-p%c3%a1gina-maestra.css?fileVersionPlaceholder"/>
<link rel="stylesheet" type="text/css" href="css/index.css?3948175564"/>
When you work locally in your Windows formatted har drive, everything looks fine, but when you upload your files to a server, everything is screwed up. The server doesn't recognizes the URL and returns an error page, resulting in style errors in the entire site.
This can also happens with html files if the title of the page contains international characters or with images if the image file name in your Hard Drive contains international characters.
I already pointed out long time ago Muse was generating file names with international characters like á, ñ, etc but nobody cared about it. Too bad. I had to activate file name customization but I think that Muse should replace automatically this characters in the same way that it replaces other conflictive characters like commas or ampersands.
This is not a fault of the FTP client. Accented characters are not web safe regardless of the FTP client you are using. It is a server side issue. Some servers support it some others don't. I don't mind if it works in Adobe Catalyst server because the final website is going to be in another server and maybe next year when paid hosting is ended the client may move it to another server.
It makes more sense to replace accented characters in file names by their not accented equivalents ('a' instead of 'á', 'N' instead of 'Ñ', etc) and avoid all this problem.

Zak, It is funny you mention it, because the site I am talking about is hosted in 1and1. try this: http://www.artofwalls.com/rosannawalls/biografía.html
As you can see, the offending "í" in the file name causes 1and1 server to throw a "page not found" error. And this has happened with many other servers I have tried since.
Muse boast of generating code fully compatible with all major web browsers but by using international characters in file names it ggenerates code suitable only for very few web servers. International characters have been always a no-no for internet URLs. Internet was designed by people who didn't care about ascii codes beyond 127 so using international characters in html file names is just call for problems.
"to work with your hosting provider to determine how to enable Unicode encoded (UTF-8) file names and HTML files on their servers" is not a viable solution most of the time unless you are a Very Important Client of your host provider. If not, making changes means money for them and if you are the only one who complains, they are going to just tell you to not use international characters in your names.

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>");
       //...

Include a CSS file problem

Similar Messages

Maybe you are looking for