[Struts-Layout] Problème de css

**pigeon11** · 27/09/2007, 00h11

Bonsoir,

j'ai créé ma feuille de style dans le répertoire css de mon application.

et dans ma jsp , j'ai mis dans la partie <head>:

Code :

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

1
2
 
<link href="./css/style.css" rel="stylesheet" type="text/css" />

mais quand je met :

Code :

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

1
2
 
<layout:form action="main.do" focus="identifiant"  styleClass="FORM">

rien ne change, il continue à utiliser le default.

En fait , j'ai copié le contenu du fichier defalt dans le fichier style.css
et j'ai modifié la couleur du background du body mais aucun chngement

c quoi le problème??

Merci bcp

**tchize_** · 27/09/2007, 01h15

Envoyé par pigeon11

./css/style.css

fait bien attention que ce chemin est relatif, non pas à l'endroit où se trouve le JSP, mais à l'endroit où pointe le browser.

Ainsi si ton JSP est
/struts/result.jsp
et le css
/struts/css/style.css
mais que le jsp est utilisé par l'action
/actions/uneAction.do

Quand le browser pointera sur
http://server/application/actions/uneAction.do, il essaiera d'ouvrir le css
/action/css/style.css
qui n'existe pas.
utilise de urls depuis la racine et non des urls relatives pour éviter ce problème...

**pigeon11** · 27/09/2007, 01h59

Envoyé par tchize_

fait bien attention que ce chemin est relatif, non pas à l'endroit où se trouve le JSP, mais à l'endroit où pointe le browser.

Ainsi si ton JSP est
/struts/result.jsp
et le css
/struts/css/style.css
mais que le jsp est utilisé par l'action
/actions/uneAction.do

Quand le browser pointera sur
http://server/application/actions/uneAction.do, il essaiera d'ouvrir le css
/action/css/style.css
qui n'existe pas.
utilise de urls depuis la racine et non des urls relatives pour éviter ce problème...

Merci pour votre réponse

dans mon cas , l'application s'appelle app1
et la jsp dans un dossier appelé vues
et la css(appelée style.css) dans un dossier appelé css

Je dois donc mettre :

Code :

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

1
2
3
4
5
6
 
<link href="css/style.css" rel="stylesheet" type="text/css" />
ou
<link href="app1/css/style.css" rel="stylesheet" type="text/css" />
 
ou quoi au juste?

Merci bcp

**OButterlin** · 27/09/2007, 08h56

Le mieux serait de faire une référence comme ceci (ça fonctionne dans tous les cas)

Code :

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

1
2
 
<link href="<%=request.getContextPath()%>/css/style.css" .../>

Mais je ne suis pas sûr que ça résoudra ton problème...
Le plus facile est soit :
- de modifier le css default.css de struts-layout
- de mettre un nom de classe qui n'existe pas dans default.css

A toi de choisir...

A+

**tchize_** · 27/09/2007, 10h25

jsp:

Code :

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

<link href="<c:url value="/css/monstyle.css"/>" rel="stylesheet" type="text/css" />

çà génèrera qqch comme ceci dans le fichier html client:

Code :

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

<link href="/apps1/css/monstyle.css;JSESSIONID=ABCDEF123456" rel="stylesheet" type="text/css" />

Qui fonctionnera sans problème.

**pigeon11** · 28/09/2007, 05h34

Envoyé par tchize_

jsp:

Code :

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

<link href="<c:url value="/css/monstyle.css"/>" rel="stylesheet" type="text/css" />

çà génèrera qqch comme ceci dans le fichier html client:

Code :

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

<link href="/apps1/css/monstyle.css;JSESSIONID=ABCDEF123456" rel="stylesheet" type="text/css" />

Qui fonctionnera sans problème.

Merci pour vos aides . ca marche mnt

J'ai un dynMenu dans ma sp et je veux lui changer de style mais je ne sais pas comment

J'ai trouvé ce code sur le net
j'ai ajouter le fichier de style

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
39
40
41
 
.noJs{color:red}
.dynmenu{
 display:none;
 position: absolute;
 z-index:100;
}
 
#menu{
text-align:center
}
#menu dl { /* sous-menus complets */
 width: 11em;
 float: left;
 margin: 0 1px;
}
#menu dt { /* titres */
 text-align: center;
 font-weight: bold;
 background: #ccc;
 border: 1px solid gray;
}
#menu dd { 
 width: 11em; /* Opéra */
 border: 1px solid gray;
}
#menu li {
 list-style-type: none;
 text-align: center;
 background: #fff;
}
#menu li a, #menu dt a { /* liens */
 color: #000;
 text-decoration: none;
 display: block;
 height: 100%;
 border: 0 none;
}
#menu li a:hover, #menu dt a:hover { /* liens survolés */
 background: #eee;
}

et dans le menu je mets

Code :

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

1
2
<layout:dynMenu config="toto" styleClass="menu" left="100" top="80">

Mais aucun chagement
Que dois je faire ?
Merci de me dire les étapes par un exemple
Merci

**OButterlin** · 28/09/2007, 09h10

C'est .menu, pas #menu...

**c_nvy** · 28/09/2007, 09h30

La feuille de style utilisée par défaut est default.css du répertoire config.

Tu peux très bien créer ta propre feuille de style en t'inspirant du default.

Mais pour qu'elle soit prise en compte, il faut suivre les explications données à cette url.

**Zickfrüd** · 18/12/2008, 09h42

Bonjour j'ai un problème similaire à celui cité ci-dessus, dans mon application les feuilles sont prise en compte si j'affiche directement mes pages mais lorsque je les affiche via une classe action je reviens sur e style par défaut.
J'ai chercher du côter du fichier web.xml sans succès aparament il serais possible de définir une carte graphique qui s'applique à tout mon site sans devoir ajouter la ligne: <link rel="stylesheet" type="text/css" href="style/J2EE6/J2EE.css"/> (J2EE6/J2EE.css) c'est l'emplacement de ma feuille de style

[Struts-Layout] Problème de css

Struts 1 Java

Discussions similaires

Partager

Partager