Ma couleur de fond ne s'affiche pas sur page
Résolu
myriamsc79
-
myriamsc79 Messages postés 15 Date d'inscription Statut Membre -
myriamsc79 Messages postés 15 Date d'inscription Statut Membre -
Bonjour,
j'ai un super souci, j'essaye de créer mon premier site et je n'arrive pas à afficher ni une couleur de fond, ni une image de fond dans ma page web créée.
Début du code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Bienvenue chez MYRIAM Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" media="screen" type="text/css" title="accueil" href="accueil.css"/>
</head>
<body>
à la fin, bien sûr il y a une balise </body> et une </html>
Code CSS:
<style type="text/css">
body
{
background-position: fixed;
background-image: url('backgroundcolor.png') right top no-repeat;
background-color: #fff4cd;
width:100%;
margin: auto; /* pour centrer la page */
margin-top: 20px; /* pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* idem pour le bas du navigateur */
}
Que je mette seulement une couleur, ou seulement une image, ou les deux, le résultat est le même. Que j'entoure l'url de l'image par des " ou des ' ou rien, ça ne change rien non plus...
Merci d'avance si quelqu'un peut m'aider.
j'ai un super souci, j'essaye de créer mon premier site et je n'arrive pas à afficher ni une couleur de fond, ni une image de fond dans ma page web créée.
Début du code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Bienvenue chez MYRIAM Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" media="screen" type="text/css" title="accueil" href="accueil.css"/>
</head>
<body>
à la fin, bien sûr il y a une balise </body> et une </html>
Code CSS:
<style type="text/css">
body
{
background-position: fixed;
background-image: url('backgroundcolor.png') right top no-repeat;
background-color: #fff4cd;
width:100%;
margin: auto; /* pour centrer la page */
margin-top: 20px; /* pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* idem pour le bas du navigateur */
}
Que je mette seulement une couleur, ou seulement une image, ou les deux, le résultat est le même. Que j'entoure l'url de l'image par des " ou des ' ou rien, ça ne change rien non plus...
Merci d'avance si quelqu'un peut m'aider.
Configuration: Windows XP Internet Explorer 8.0
A voir également:
- Ma couleur de fond ne s'affiche pas sur page
- Ma clé usb ne s'affiche pas - Guide
- Comment supprimer une page sur word - Guide
- Comment mettre un fond de couleur sur libreoffice writer - Guide
- Fond de page word - Guide
- Word couleur de fond texte - Guide
5 réponses
Salut, essaye avec ça :
body {
background: url('1158752_54261624-0.png') right top no-repeat fixed #fff4cd;
width:100%;
margin: auto; /* pour centrer la page */
margin-top: 20px; /* pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* idem pour le bas du navigateur */
}
<head>
<title>Bienvenue chez MYRIAM Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet.css" media="screen" type="text/css" title="accueil" href="accueil.css"/>
</head>
et ca ?
<title>Bienvenue chez MYRIAM Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet.css" media="screen" type="text/css" title="accueil" href="accueil.css"/>
</head>
et ca ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut, est ce que tu pourrais mettre un lien vers le site, ou alors le code html et css en entier. Il y a peut être quelque chose qui bloque après.
Bonsoir,
ça y est, je viens juste de finir d'être chèvre !!! J'ai trouvé la solution, tout simplement en enlevant la première ligne de la feuille de style css (<style=text/css/>)
Le code corrigé donne ceci :
body
{
background: url('backgroundcolor.png') right top no-repeat fixed #fff4cd;
width:100%;
margin: auto; /* pour centrer la page */
margin-top: 20px; /* pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* idem pour le bas du navigateur */
}
Et ça s'est affiché, c'est magique, merci à tous pour votre aide !
Bonne soirée,
Myriam
ça y est, je viens juste de finir d'être chèvre !!! J'ai trouvé la solution, tout simplement en enlevant la première ligne de la feuille de style css (<style=text/css/>)
Le code corrigé donne ceci :
body
{
background: url('backgroundcolor.png') right top no-repeat fixed #fff4cd;
width:100%;
margin: auto; /* pour centrer la page */
margin-top: 20px; /* pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* idem pour le bas du navigateur */
}
Et ça s'est affiché, c'est magique, merci à tous pour votre aide !
Bonne soirée,
Myriam
et merci de la rapidité de ta réponse.
Je viens d'essayer, ça ne veut rien savoir non plus... c'est désespérant !
Bonne journée,
Myriam