[Struts-Layout] Problème de css

Version imprimable

27/09/2007, 00h11
pigeon11

[Struts-Layout] Problème de css
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:

1 2 <link href="./css/style.css" rel="stylesheet" type="text/css" />
mais quand je met :
Code:

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
27/09/2007, 01h15
tchize_

Citation:

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...
27/09/2007, 01h59
pigeon11
Citation:

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:

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
27/09/2007, 08h56
OButterlin
Le mieux serait de faire une référence comme ceci (ça fonctionne dans tous les cas)
Code:

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+
27/09/2007, 10h25
tchize_

jsp:

Code:

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

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

Qui fonctionnera sans problème.

Citation:

Envoyé par tchize_

jsp:

Code:

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

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

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:

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

28/09/2007, 09h10
OButterlin

C'est .menu, pas #menu...
28/09/2007, 09h30
c_nvy

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.
18/12/2008, 09h42
Zickfrüd

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