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

IGN API Géoportail Discussion :

Correction de CSS pour le widget d'import de couches


Sujet :

IGN API Géoportail

  1. #1
    Membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2014
    Messages
    71
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Mai 2014
    Messages : 71
    Points : 66
    Points
    66
    Par défaut Correction de CSS pour le widget d'import de couches
    Petite contribution personnelle à l'API :

    Dans le fichier GpPluginOl3.css, ligne 37,
    - il y a : (...){background-image:url(../ol3/img/GPimportOpen.png)}(...)
    - il faut : (...){background-image:url(img/GPimportOpen.png)}(...)

    ceci afin de faire apparaitre la croix (X) de fermeture du widget d'import de couches.

    Par contre, si quelqu'un sait comment agir en CSS pour obtenir le déplacement de ce contrôle sur la carte, merci de me l'indiquer. Moi, même avec les outils de développement de Firefox, je n'y parviens pas POUR CE CONTROLE.

  2. #2
    Membre confirmé Avatar de lboulanger
    Femme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2014
    Messages
    262
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2014
    Messages : 262
    Points : 529
    Points
    529
    Par défaut
    Bonjour,

    Tout d'abord, merci pour votre retour concernant la croix (X) de fermeture du widget d'import de couches Nous allons corriger le chemin dans le fichier CSS correspondant.

    Concernant le déplacement du contrôle dans la carte, le plus simple est de modifier les propriétés "top" et "left" de la div contenant le widget complet (qui est positionnée en absolu), par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    div[id^="GPimport-"] {
         top: 300px;
         left: 1000px;
    }
    Chez moi, en insérant simplement cet extrait de code dans un exemple utilisant ce widget (dans la balise style), cela fonctionne (mais aussi avec les outils de développement de Firefox).
    Si cela ne fonctionne pas chez vous, pourriez-vous nous en dire plus sur votre utilisation de ce widget, en pointant éventuellement vers un exemple en ligne ou un extrait du code source de votre page web utilisant cet exemple ?

  3. #3
    Membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2014
    Messages
    71
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Mai 2014
    Messages : 71
    Points : 66
    Points
    66
    Par défaut Ca marche !
    Super ! Merci !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. propriétés CSS dispo pour les widgets ?
    Par benibur dans le forum GWT et Vaadin
    Réponses: 4
    Dernier message: 05/10/2010, 14h51
  2. Html et Css pour système réutilisable sur n'importe quel site
    Par dimalta5 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 25/02/2008, 12h21

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