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 :

Symfony2 : CSS Background-image, quelle url ? [2.x]


Sujet :

Symfony PHP

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2014
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2014
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Symfony2 : CSS Background-image, quelle url ?
    Bonjour, je suis sur un projet de jeu d'échec, donc avec un plateau style damier et des pions.

    Dans mon twig j'ai un tableau avec des <td> pour chaque case du plateau de jeu, et je veux donc afficher les images dans chaque case avec cette méthode :
    - chaque <td> a une class : <td class="pionNoir"></td>
    - dans le css j'ai : .pionNoir { background-image: URL }

    Ma question : quoi mettre en URL ? J'en ai essayé plusieurs mais à chaque fois il me renvoie l'erreur comme quoi il n'arrive pas à accéder à l'image (Par exemple pour : url('{{asset('bundles/isenchessgamechess/images/10.png')}}') : No route found for "GET /bundles/isenchessgamechess/images/10.png" (from "http://localhost:8000/..."))


    PS : le CSS est dans le <head> pour l'instant pour mes tests, je mettrais dans un fichier à part par la suite bien sûr, au moins dans le twig je peux utiliser les balises twig et asset pour l'instant.

    Merci à vous si on peut m'expliquer quelle Url correspondrait

  2. #2
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Novembre 2013
    Messages
    739
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Novembre 2013
    Messages : 739
    Points : 1 022
    Points
    1 022
    Par défaut
    as tu essayer ??
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .pionNoir{background-image: url("../images/10.png");} /*fichier css a part*/

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2014
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2014
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    Désolé pour l'attente, j'avais cliquer pour recevoir un mail quand il y avait une réponse...

    J'ai essayé et ça marche merci beaucoup ! C'était tellement simple... Par contre à chaque fois que je change le CSS je dois aussi mettre à jour les asset, assez pénible... En tout cas merci !

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

Discussions similaires

  1. [CSS] background-image: url("http
    Par Ghost Warrior dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/12/2005, 10h58
  2. [CSS] background-image ne s'affiche pas
    Par Ghost Warrior dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/12/2005, 01h29
  3. [CSS] background-image, pourcentage et mozilla
    Par yaka2 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 23/11/2005, 14h44
  4. [CSS] background-image : 2 images
    Par ZeImp dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 18/07/2005, 00h59
  5. [CSS] Background-image étirée sur tout l'écran
    Par Amnesiak dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/03/2005, 12h24

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