fichier .css pas entièrement pris en compte

Bonjour,

J'ai quelques petits ennuis de styles que je pense liés à un conflit entre les css "natives" gwt et celles ajoutées dans mon fichier.

A plusieurs reprises, ( par exemple un

Code:

---

1 2 3 4

body { background-image:url('bkg-8x8.png'); }

---

) des bouts de mon fichier css ne sont pas pris en compte, en fouillant avec chrome et sa fonctionnalité "inspecter élément", je me rends compte que si, ils ont été pris en compte, mais ont été "remplacés" ensuite.

Savez vous comment GWT gère ses css "propres", à quel moment il les applique, et si dans un cas comme celui-ci elles peuvent arriver après les miennes et donc les reremplacer ?

Essaye de voir avec le plugin Firebug sous Firefox.

Il est possible que tu ne modifies pas sur la bonne propriété de ton widget.

Ou déclares tu ta feuille de styles ? dans ton gwt.xml ou dans ta page html ?

Tu peux déclarer ta feuille de styles dans le body de ton html (au lieu de le faire dans le head). Essaie cette solution.

J'avais le même soucis, pas moyen d'appliquer du style sur la balise body. Un truc que j'ai utilisé pour contourner c'est d'appliquer un style au rootpanel :

Code:

---

1 2	RootPanel.get().setStyleName("body");

---

Code:

---

1 2 3 4

.body{ blabla... }

---

en espérant que ça puisse t'aider

De mon coté, j'ai pris comme base le projet "contact" d'eclipse

Code:

---

<link rel="stylesheet" href="Ozone.css">

---

Et je n'ai pas eu de souci concernant les css du body

Code:

---

1 2 3 4 5 6 7

body { background:url("./images/bg_header.gif") repeat-x scroll center top #A9B3BB; color:#FFFFFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-align:center; }

---

les styles natifs de GWt sont appelés avant donc normalement il n'y a pas de conflit (enfin avec GWT 2).

Merci pour toutes ces réponses, désolé pour ne pas avoir pu répondre plus vite, je vais faire quelques essais avec vos idées et je reviens vers vous.

Sinon, ma feuille de style est déclarée à la fois dans mon html head, et dans mon gwt.xml

ah et je précise que si je met style=" ... " dans ma balise body, il n'y a aucun problème.

En creusant un peu je trouve qu'il y a un background vide dans les HTMLBodyElement properties... et je n'ai aucune idée de ce que c'est

En fait, il faut enlever les thèmes de GWT, Il est difficile de faire cohabiter un thème fournit et des styles personnalisés.

Citation:

---

Envoyé par kenji_getpowered

En fait, il faut enlever les thèmes de GWT, Il est difficile de faire cohabiter un thème fournit et des styles personnalisés.

---

Je confirme.
Dès qu'on utilise un thème dans son module.gwt.xml, nos styles gwt dans les css sont écrasés.

Au besoin, si on veut juste modifier un morceau d'un thème, copier la css de ce thème et faire les modifs dedans.

Mais ou peut on les trouver?

Dans gwt-user.jar, il y a un package com.google.gwt.user.theme dans lequel tu trouves des sous packages correspondant aux thèmes livrés. Les css sont dans les dossiers public de ces sous packages.

Tu peux extraire du jar le css du thème qui t'intéresse grâce à winzip, le copier dans ton dossier WEB-INF, le référencer dans ton application gwt et désactiver le thème dans ton module.

Merci je garde cette info dans un coin, Je trouve que les styles par défaut de google sont sympa. C'est bien de s'en inspirer.

Le problème rencontré ici, et en général sur les CSS, est la priorité des CSS.

Je te conseille de monter en compétence sur les CSS.

Ton problème vient donc d'un conflit entre le style que tu souhaites appliqué et un style existant.

Premièrement ce style est peut etre défini dans le thème de GWT. D'où le conseil de kenji_getpowered est intéressant et peu régler ton problème.

Si ton problème n'est pas résolu par la suppression du thème, c'est peut etre parce que le style est définit dans les style par defaut du navigateur.

Dans ce cas tu peux ajouter !important au niveau de la déclaration de ton style afin qu'en cas de conflit ce soit ta déclaration qui soit prioritaire.