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] image de fond

pennsean
pennsean
Niveau 6
20 septembre 2011 à 09:18:40

Bonjour , j'arrive pas a mettre une image de fond.

Pourtant dans mon fichier .hmtl j'ai la ligne :

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

Ensuite mon image se trouve bah dans le dossier Image mais quand je met ce code dans le fichier CSS :
body{background-image:url("../Images/rayure.jpg");
} , ca ne fait rien :(

Quelqu'un pourrait m'aider ? merci :)

deepblue
deepblue
Niveau 16
20 septembre 2011 à 09:36:45

ton répertoire image est bien un enfant du répertoire parent de ton répertoire courrant ?

images
- rayure.jpg
foo/
- index.html
- design.css

pennsean
pennsean
Niveau 6
20 septembre 2011 à 09:39:25

Oula je débute dans le xhmtl je ne comprend pas trop ^^

Quand je fais propriété j'ai ca comme chemin

=> C:\Users\monNom\Pictures

Photoshop
Photoshop
Niveau 10
20 septembre 2011 à 09:48:55

C'est un site hébergé en ligne ou sur ton ordinateur?

pennsean
pennsean
Niveau 6
20 septembre 2011 à 09:50:11

Sur mon ordinateur ( je vais devoir mettre mon fichier sur un autre pc ) si tu pourrais me dire comment mettre une image herbéger sur un site ca serait cool :)

Fire_Storm
Fire_Storm
Niveau 10
20 septembre 2011 à 15:15:10

Oublie le C:\ etc, comme évite de mettre le lien direct (http://ww.bidulemachin etc).

Pourquoi ? Si tu mets C:, ça marchera sur ton PC oui, mais sur le net la structure ne sera pas du tout la même donc -> image introuvable.

Si tu met le lien direct pareil, si tu changes d'adresse tu seras obligé de changé tout tes liens, c'est plutôt chiant à faire.

Donc utilise ce qu'on apelle un lien relatif; on part du dossier actuel et soit on monte d'un dossier, soit on descend, et ce peu importe ce qu'il y avant ça marchera partout.

En gros:

../ c'est le dossier parent
./ c'est le dossier courant, dans lequel tu es (pas obligatoire de le mettre)

Et pour aller dans un dossier, bah tu tapes le nom.

Donc si ton image se trouve 2 dossier au dessus, dans le dossier images et qu'elle s'appelle moi.jpg:

../../images/moi.jpg (remonte -> remonte -> images -> moi.jpg)

pennsean
pennsean
Niveau 6
20 septembre 2011 à 17:36:56

En fait j'ai un dossier ( dans mes documents ) qui s'apelle xHTLM , dans ce dossier y'a 3 dossiers : CSS ( avec mon fichier CSS ) , Image ( ou il y a mon image ) et HTLM ( ou il y a mon fichier HTLM )
Donc comme je suis dans le dossier CSS , je dois remonter et descendre , ca fait donc :

body{background-image:url("../IMAGE/rayure.jpeg");
}

Car ca ne marche pas :(

pennsean
pennsean
Niveau 6
20 septembre 2011 à 17:40:39

Efin j'ai mis " Image " et non IMAGE , bref ca m'embête :-(

UnNinja
UnNinja
Niveau 5
20 septembre 2011 à 18:34:23

:salut:

"Pourtant dans mon fichier .hmtl j'ai la ligne :

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" /> "

Si comme tu dis ton fichier css est dans un dossier nommé CSS, il faut mettre href="CSS/design.css" :ok:
Et pourquoi mettre ton html dans un dossier ? :)

pennsean
pennsean
Niveau 6
20 septembre 2011 à 19:10:07

Salut Unninja , j'ai classés mes fichier ( .html .CSS et .jpg/.jpeg dans des dossiers différents , il faut que jmette tous les fichiers en communs ?

Et aussi j'ai fait ta petite modif mais ca ne marche pas :-(

UnNinja
UnNinja
Niveau 5
20 septembre 2011 à 19:38:23

Bah le mieux serait de laisser le .html sans dossier, mais tu peux laisser ton design et tes images dans un dossier si tu le souhaites.

Pour ton problème par contre,

body{background-image:url("../IMAGE/rayure.jpeg");

devrait marcher normalement, vérifie bien que tu n'as pas fait d’erreur dans le nom du dossier ou de l'image :ok:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment