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

Symfony PHP Discussion :

Assetic - Loading des images CSS


Sujet :

Symfony PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2015
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2015
    Messages : 22
    Par défaut Assetic - Loading des images CSS
    Bonsoir,

    J'ai un fichier css sur le chemin suivant cmsBundle/Resources/public/libs/custom.css qui contient tout ce qu'il faut pour donner du style à mes boutons, images d'arrières plan, etc... du genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-image:url('mypic.png');
    J'utilise AsseticBundle et le code suivant pour faire charger mes fichiers css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    {% stylesheets filter='cssrewrite' output='css/*.css'
        'bundles/cmsBundle/libs/*'  %}
        <link href="{{ asset_url }}" type="text/css" rel="stylesheet" />
    {% endstylesheets %}
    Une fois que je lance la commande :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    php app/console assetic:dump
    les fichiers sont copiés dans le chemin suivant : web/css/b5cbad2.css et quand j'exécute ma page, tous les éléments sont prise en charge sauf les images de mes boutons et mes arrières plans qui ne sont pas copiés. Quel est le soucis ?

  2. #2
    Membre extrêmement actif
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    php app/console assets:install
    va récupérer toutes les ressources qui se trouvent dans /public et de tous les bundle et va le copier dans /web/bundles/.....
    ainsi, ils seront disponible.




    le dump, lui sert à minifier, à concatener.... des .css et .js pour les mettre dans un dossier /web/css et /web/js

  3. #3
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2015
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2015
    Messages : 22
    Par défaut
    ça c'est déjà fait. Tout le contenu de public est copié vers /web/bundles et les images aussi.

    Mais l'image ne s'affiche pas

  4. #4
    Membre extrêmement actif
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    background-image:url('mypic.png');
    il faut préciser le chemin, le framework ne va pas le deviner. il n'est pas encore doué pour ça

Discussions similaires

  1. Taille des images (CSS avec Cordova)
    Par helper_moi dans le forum Mon application mobile
    Réponses: 0
    Dernier message: 18/11/2014, 11h37
  2. [2.x] Assetic - emplacement des images dans le css invalide
    Par Invité dans le forum Symfony
    Réponses: 3
    Dernier message: 08/07/2014, 18h24
  3. [CSS] Aligner des images
    Par blinkseb dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 30/04/2006, 00h29
  4. Probleme de double rolover en CSS avec des images
    Par gandoulfe dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 12/04/2006, 16h24
  5. [XML/CSS/XSL] Problème d'affichage des images "dynamiqu
    Par popol55 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/04/2006, 16h24

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