When you create a dynamic Web project and select Default style sheet (CSS file) and iSeries Web Components Tag Library for the Web project features, the Master.css file and the iSeriesWebComponents.css file are included in the Web project. The Master.css file is located in the folder, and the iSeriesWebComponents.css file is included in the folder.
The iSeriesWebComponents.css style sheet file contains style definitions that pertain exclusively to the iSeries Web components that you insert in a JSP file.
As a general rule, you should create a new CSS file and copy into it the style definitions from the iSeriesWebComponents.css file that you want to change, rather than changing the iSeriesWebComponents.css file. Then, if this style sheet is replaced by updates provided for the product, your style changes are not overwritten.
background-image: url("images/b1.gif");
Since the new CSS file is contained in the theme folder, and not in the iSeriesWebComponents folder, the link to the image needs to be changed as follows to ensure that the image appears:background-image: url("iSeriesWebComponents/images/b1.gif");
If you created a template file that included links to existing style sheets, you can apply your new style sheet to the template file:
The order of the style sheet links in the file determines the order in which the style definitions are applied. Style definitions in the first style sheet that is linked in a file are superseded by style definitions in the next style sheet that is linked in the file. If a style definition in a style sheet is for an element that is not in any other style sheet, that style definition is used. This cascading effect of the style sheets is based on the order in which they occur in the file.
If you do not use a template file to enhance the design and style of your JSP files, you can apply the style sheet to individual JSP files. Use the same steps described above for applying the style sheet to a template file.
(C) Copyright IBM Corporation 1992, 2006. All Rights Reserved.