Bonjour

Je n'arrive pas à mettre d'image comme arrière-plan.

 Pourtant j'ai bien mis "background-image" dans "body" dans mon CSS comme ci-dessous:

body{
    background-image: url("../images/aoinfinity.png");
}

Avec le bon emplacement de l'image:

Mais ça ne fonctionne pas, j'ai essayé avec différentes images, mais toujours le même résultat :

Page blanche à chaque fois...

Merci d'avance pour l'aide.

-
Edité par MatteoSpringmann 19 septembre 2021 à 14:41:34

Bonjour,

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

Merci de modifier votre message d'origine en fonction.

Liens conseillés

• Charte de bonne conduite
• Règles générales du forum

---

Bonsoir, C'est par rapport au fichier courant que vous devez construire votre URL. Soit ici le fichier styles.css et non pas votre fichier .html.

Donc dans le chemin, remonter d'un niveau pour sortir du répertoire CSS, puis descendre dans images et pointer votre image. Pour remonter d'un niveau de répertoire c'est ../

AbcAbc6 a écrit:

Bonjour,

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

Merci de modifier votre message d'origine en fonction.

Liens conseillés

• Charte de bonne conduite
• Règles générales du forum

---

Bonsoir, C'est par rapport au fichier courant que vous devez construire votre URL. Soit ici le fichier styles.css et non pas votre fichier .html.

Donc dans le chemin, remonter d'un niveau pour sortir du répertoire CSS, puis descendre dans images et pointer votre image. Pour remonter d'un niveau de répertoire c'est ../

Merci pour l'aide, cela fonctionne maintenant !

Bonne journée

oui ca ne marche pas dans safari (bug !!!) mais sur les autres comme chrome et Mozilla marche nickel 

safari a éviter pour les testsen local maintenant 

-
Edité par MagmaAmine 26 septembre 2021 à 8:38:34

Bonjour,

inutile d'écrire si gros, c'est un peu désagréable.

Tu es sur quel OS ?

Bonjour,

Ce sujet m'intresse aussi! MatteoSpringman,

Votre réponse m'a beaucoup aidé, merci

Lamecarlate a écrit:

Bonjour,

inutile d'écrire si gros, c'est un peu désagréable.

Tu es sur quel OS ?

MacOS Big Sur 

Je posais la question parce que Safari pour Windows n'est plus mis à jour, mais effectivement, sur la dernière (je crois ?) version de MacOS, ça devrait être correct… Étrange.

Lamecarlate a écrit:

Je posais la question parce que Safari pour Windows n'est plus mis à jour, mais effectivement, sur la dernière (je crois ?) version de MacOS, ça devrait être correct… Étrange.

dieu merci ça existe plusieurs navigateurs 😊

@Lamecarlate ,oui ! Le navigateur web Safari est installé et mis à jour sur les ordinateurs Mac en même temps que le système macOS.