Struts et CSS

**Lyuna** · 16/08/2011, 12h52

Bonjour à tous!

J'ai un petit problème avec les CSS de mon formulaire Struts2.

En effet j'utilise les Decorators pour tout mon projet et dans ces decorators je link un fichier CSS, qui ne PEUX PAS être modifié puisqu'il est utilisé automatiquement par toutes les pages du site sur lequel sera hébergé mon projet.

Il semblerait que cela empêche l'utilisation de css locaux à une page jsp... Est-ce normal?

Mes appels au CSS sont bien exacts car en remplaçant le fichier CSS du decorator principal par celui que j'utilise localement, les changements de forme sont bien effectués. Je n'arrive donc pas à surcharger le css donné dans le décorator de manière locale

Je vous donne quelques bouts de code (mais j'ai essayé pleeeeein de techniques différentes).

Le decorator :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<%@ taglib prefix="decorator"
	uri="http://www.opensymphony.com/sitemesh/decorator"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<link rel="shortcut icon" type="image/png" href="logo_norine.png" />
 
<title><decorator:title default="Doris" />
</title>
 
<link title="style de base" type="text/css" rel="stylesheet"
	href="ressources/bioinfo.css" /> <!-- le css que je ne peux modifier -->
 
</head>
 
 
<body>
 
	<div class="logo"></div>
	<div class="theme-border"></div>
	<div class="bloc_gauche">
		<div class="nav-top"></div>
		<div class="menu">
			<%@ include file="navigation.jsp"%>
		</div>
	</div>
...
<body>
<html>

Ma page jsp :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Doris::Search</title>
 
 
<link href="<s:url value="/ressources/styles.css"/>" rel="stylesheet" type="text/css"/>
<--! Une technique utiliée pour importer le css local -->
 
</head>
<body>
 
<s:form name="form" method="post" action="synthetase" cssClass="formulaire">
 
		<s:label value="Basic search" labelposition="top" cssClass="testons"></s:label>
 
		<s:textfield name="synthetase id" id="synId" label="by Doris id "
			labelposition="left" cssClass="bordure_saisie" />
 
		<s:textfield name="synthetase name" id="synName" label="by name "
			labelposition="left" />
</s:form>
</body>
</html>

Mon css local :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
* { margin: 2; padding: 2;}
 
#formulaire 
{
	position: relative; 
	margin-left: 2%;
	margin-top: 2%;
	width: 600px;
	text-align: left; 
	background:#fefefe;
	border-style:solid;
	border-width:2px;
	border-color:#848484;
	padding: 14px;
}
 
.errorMessage
{
	font-size: 14px;
    color: white;
    background-color : red;
    text-align: center;
    margin-bottom : 10px;
}
 
.testons
{
    margin-top: 0;
    background-color: #fff;
    padding-bottom: 0px;
    text-align: left;
    color: #000;
    line-height: 20px;
    margin-top: 6px;
    margin-bottom: 5px;   
    font-size: 1.2em;
    padding-top: 8px;
}