Ma couleur de fond ne s'affiche pas sur page
Résolu
myriamsc79
-
myriamsc79 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
myriamsc79 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- Ma couleur de fond ne s'affiche pas sur page
- Comment supprimer une page sur word - Guide
- Fond de page word - Guide
- Comment mettre un fond de couleur sur libreoffice writer - Guide
- Comment mettre un fond de couleur sur word - Guide
- Imprimer tableau excel sur une page - 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 ?
ah ... j'aurais du mettre en gras ce que j'ai rajouté ...
link rel="stylesheet.css"
Si c'est comme je le pense, et donc que tu utilise deux fichiers séparé tapage.html et stylesheet.css, alors tu auras besoin de rajouté l'extension !!
link rel="stylesheet.css"
Si c'est comme je le pense, et donc que tu utilise deux fichiers séparé tapage.html et stylesheet.css, alors tu auras besoin de rajouté l'extension !!
Et si tu met ton CSS dans la page, ça fonctionne?
Parce que si ça fonctionne alors, macros227 à raison, c'est le lien vers ton CSS qui déconne.
Parce que si ça fonctionne alors, macros227 à raison, c'est le lien vers ton CSS qui déconne.
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