Insertion d'une image dans CSS - création d'un sous-dossierFermé

Question

Bonjour, 

Désolée d'être aussi nulle mais c'est une première pour moi. J'essaie de créer un site internet. Jusque-là tout était oK mais j'essaie vainement d'insérer une image en fond et là... ouppss rien à faire. Voilà près de 6 heures que je m'y attèle et je pète un câble. Quelqu'un peut-il m'aider. Par avance mille mercis



Configuration: Windows 7 / Internet Explorer 9.0

inspiring · Accepted Answer

L'image que je souhaite importer est sur mon bureau 
argghhhh ! lol !
il ne faut raisonner en se disant qu'on veux importer l'image mais qu'on va chercher l'image.

Effectivement il faut  tu crée un dossier qui contient ton projet de site avec dedans les dossiers classique du type CSS, JS, Images, ... (tu les nommes comme tu veux). Ca facilitera l'écriture des chemins de fichiers et le dossier que tu Uploadera ensuite sur le serveur sera pret (parce que si y'a des morceau un peu partout dans ton PC ca va etre coton).
disons que ta page soit dans le dossier racine, ta feuille css dans le dossier CSS et ton image "monfond.jpg" dans le dossier images, dans ce cas ca te donnera :

background:url("../images/monfond.jpg");

ideal23 · Answer

bonjour
background-image:url(images/image_de_fond.png);

inspiring · Answer

il y a plusieurs methode d'insérer le CSS, il faudrait que tu nous précise si tes règles sont sur une feuille externe, dans le head ou dans le code.
Précisez aussi si l'image de fond est pour la page ou un élément (lequel ...)

xueven · Answer

Merci pour vos réponses aussi rapides.

1 - J'utilise notepad++
2 - J'ai créé une feuille HTML
3 - j'y ai associé une feuille CSS

Jusque là tout est OK (police, couleur de fond).
J'ai beau utilisé url("image.jpg"); rien n'y fait. J'ai essayé avec ou sans les (), "", 
L'image que je souhaite importer est sur mon bureau
J'ai entendu dire qu'il était préférable de la mettre dans un sous-dossier de ma feuille CSS mais je ne sais comment procéder. Quand je vous dis que je suis une nullarde!!!!!

xueven · Answer

Salut Inspiring,

Trop gentil de ta part de vouloir t'occuper de moi mais imagine-toi être un instit au CP face à une gamine à qui tu dois apprendre à lire et à écrire. Voilà j'en suis là...
Enfin presque. J'ai réussi à créer le dossier CSS mais ne sais pas faire pour les images. Peux-tu m'orienter STP ?

inspiring · Answer

je ne cerne pas trop ta demande

est-ce comment créer le dossier image ? (comme un dossier classique puis on y met ces images)

quand tu defini le fond que tu veux attribuer à ton élément, le fait tu en attribuant la règle à un element, un id ou une class ?

attribue tu correctement le selecteur à cet element ?

est-ce que je viens de demander est du chinois pour toi :))))) ?

Pierrecastor · Answer

Salut

Je pense qu'il faut commencer par la base, ceci pourra t'être utile : 

https://openclassrooms.com/fr/courses

xueven · Answer

Merci Pierrecastor,

C'est précisemment par ce site que j'ai commencé mais je n'arrive pas à aller chercher l'image;

xueven · Answer

Cher Inspiring,

Tu as tout compris c'est à peu près ca, du chinois. Ok je créé une troisième page à coté de HTML et CSS, j'y emmène l'image mais j'opte pour quel langage dans cette page ?

inspiring · Answer

Bon, je t'indique la demarche en partant de zero, garde les meme noms de dossiers ou renomme les mais en n'oubliant pas de reporter ces modifs dans le chemins d'appel : ETAPE 1 1- Crée un dossier appelé "monsiteweb", puis ouvre le 2- dedans crée un dossiers nommé "CSS", un dossier nommé "Images" 3- dans le dossier "CSS", met y ta feuille de style, nommé pour l'exemple "monstyle.css" 4- dans le dossiers "images", tu y met ton image de fond, nommé pour l'exemple "monfond.jpg" (.jpg est l'extention, tu as peut etre un .png) 5- dans le dossier "monsiteweb", tu place ta page web, nommée pour l'exemple "mapage.html" ETAPE 2 6- dans le fichier "monstyle.css", tu code body {background: url('../images/monfond.jpg');} tu sauvegarde et ferme 7- dans le fichier "mapage.html", tu insères cette ligne de code dans le de la page tu sauvegarde et tu ferme (ou pas) Et là ton image devrait apparaitre quand tu visualiseras "mapage.html" dans ton navigateur

xueven · Answer

Je suis vraiment désolée de vous avoir squatté tant de votre précieux temps mais je n'y arrive pas.

Je vais donc laisser tomber l'idée de mettre une image de fond.
J'ai au moins une couleur.

Encore merci du temps passé pour vos explications.

Insertion d'une image dans CSS - création d'un sous-dossier

11 réponses

Discussions similaires

Newsletters