IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

GWT et Vaadin Java Discussion :

fichier .css pas entièrement pris en compte


Sujet :

GWT et Vaadin Java

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de argonath
    Homme Profil pro
    Ingénieur d'Etudes
    Inscrit en
    Juillet 2009
    Messages
    248
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur d'Etudes
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2009
    Messages : 248
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  2. #2
    Membre éclairé Avatar de miya
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    469
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2006
    Messages : 469
    Par défaut
    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.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    129
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Juillet 2007
    Messages : 129
    Par défaut
    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.

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 9
    Par défaut
    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 java : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    RootPanel.get().setStyleName("body");

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .body{
    	blabla...
    }

    en espérant que ça puisse t'aider

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    166
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mai 2006
    Messages : 166
    Par défaut
    De mon coté, j'ai pris comme base le projet "contact" d'eclipse

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link rel="stylesheet" href="Ozone.css">
    Et je n'ai pas eu de souci concernant les css du body

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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).

  6. #6
    Membre éclairé Avatar de argonath
    Homme Profil pro
    Ingénieur d'Etudes
    Inscrit en
    Juillet 2009
    Messages
    248
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur d'Etudes
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2009
    Messages : 248
    Par défaut
    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

Discussions similaires

  1. Struts 2 Fichier de configuration non pris en compte
    Par ArnoR dans le forum Struts 2
    Réponses: 0
    Dernier message: 24/04/2014, 12h39
  2. [2.x] fichier css pas chargé, ne garde que l'ancien
    Par dananchet dans le forum Symfony
    Réponses: 3
    Dernier message: 02/04/2014, 08h57
  3. [Drupal] [Drupal7] Mdofications sur fichier .tpl.php non pris en compte sur OVH
    Par dliverneaux dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 07/11/2012, 15h15
  4. Le manifest du war ne semble pas être pris en compte
    Par jpclavery dans le forum Wildfly/JBoss
    Réponses: 3
    Dernier message: 14/06/2008, 22h22
  5. [CSS] Pas de prise en compte d'une classe
    Par GLDavid dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/07/2006, 15h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo