CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Backround-image

Dark-SA-X
Dark-SA-X
Niveau 10
10 décembre 2014 à 21:04:45

Salut, alors voilà, je dois faire un feuille de style pour une page web, et je veux mettre un backround pour le menu j'ai donc fais

  1. menu{

background-image: url(../img/menu.png);
}

Mais ca ne fonctionne pas, je n'ai pas très bien compris le fonctionnement des aller vers les fichiers, sachant que l'image est dans un autre répertoire que le .css, je n'arrive pas à faire aller chercher l'image.

L'organisation de mes fichiers est le suivant:

Le dossier général, contenant le tout:

  1. Un dossier img (Contenant les images, logique)
  2. Un dossier util (Contenant le .css)
  3. Et les pages html qui elles ne sont pas dans un dossier

Il faut donc que j'arrive à revenir dans le dossier général puis, aller dans le dossier img pour charger l'image, mais je n'y arrive pas

Merci d'avance pour vos réponses,
Dark-SA-X

Dark-SA-X
Dark-SA-X
Niveau 10
07 janvier 2015 à 18:13:11

:up:

toupine
toupine
Niveau 32
07 janvier 2015 à 19:11:59

Normalement c'est bien ça ! Regarde si le nom de l'image et son extension correspondent bien.
Je vois aussi que ton sélecteur CSS est menu. ça veut dire que tu mets ton background-image là où se trouve la balise menu. Si c'est un identifiant et non une balise, il faut mettre #menu et si c'est une classe, .menu

Autrement, je ne vois pas vraiment ce que ça pourrait être... en supposant que ton fichier CSS soit bien inclus dans le fichier HTML.

PS : Est-ce que tu utilise les outils de développement des navigateurs ? (il y a aussi des modules complémentaires mais bon). D'après moi c'est une bonne habitude que tu devrais prendre quand tu développe un site.

Par exemple, pour ouvrir les outils de développement, le raccourcis sur Firefox c'est CTRL+MAJ+K et CTRL+MAJ+J sur Chrome (pour les autres navigateurs je ne sais pas).

Ensuite tu peux voir les requêtes qui transitent sur ta page en allant dans l'onglet "Réseau" (ou "Network") et en rechargeant la page. Tu verras s'afficher tous les éléments qui doivent être chargés pour afficher la page. Vérifie le statut de chaque élément : si tu as le nombre 404, ça veut dire qu'il est introuvable (lien incorrect). Tu as la possibilité de voir le lien de la requête pour voir d'où viens l'erreur.

Il y a aussi l'onglet CSS qui te permet de modifier les style en "direct".

Dark-SA-X
Dark-SA-X
Niveau 10
07 janvier 2015 à 20:23:14

Bizarre car le menu.png est marqué "GET" et statut "Finshed" grâce à cette méthode mais ne s'affiche pas, j'ai pourtant bien mis #menu et l'extension du fichier est bien .png Donc je ne vois vraiment pas pourquoi elle ne charge pas

#menu {
float: left;
width: 200px;
height: 300px;
background: white;
background-image: url(../img/menu.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}

Message édité le 07 janvier 2015 à 20:26:24 par Dark-SA-X
Dark-SA-X
Dark-SA-X
Niveau 10
07 janvier 2015 à 21:32:34

J'ai enfin trouver, j'ai enlever le background-position et background-attachment et il s'affiche, je pense qu'il devait être positionner à l'extérieur du cadre.

Merci de ton aide en tout cas ^^

Message édité le 07 janvier 2015 à 21:32:47 par Dark-SA-X
Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment