Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Ma couleur de fond ne s'affiche pas sur page

Dernière réponse le 15 jun 2009 à 19:02:06 myriamsc79, le 15 jun 2009 à 00:34:24

Signaler ce message aux modérateurs

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.

Configuration: Windows XP Internet Explorer 8.0

Meilleures réponses pour « Ma couleur de fond ne s'affiche pas sur page » dans :

Couleur fond d'écran et fond de pages web Voir

Fond de page sous Open Office Writter Voir Fond de page Sous Open Office Writer Sous Open Office Writer, il est possible de mettre une image en arrière plan de votre texte, Ouvrez votre document Open Office Writer, cliquez droit sur la page ou vous souhaitez mettre un fond,...

Image de fond sur page web (Résolu) Voir

[IE] Impossible d'afficher la page Voir

[Outlook Express] Créer papier à lettre / Insérer image de fond VoirLe papier à lettre est une fonctionnalité de Outlook Express permettant d'égayer les courriers électroniques envoyés en insérant des illustrations (images, texte, etc.) en image de fond. Créer son papier à lettre sous Outlook Express Dans la fenêtre...

[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....

HTML : fond de page (Résolu) Voir

Ou je peu trouver fond de page pr word Voir

Script PHP pour affichage page par page Voir

Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

Posez votre question Répondre

zoby44, le 15 jun 2009 à 01:10:35

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 */ 
}

Il est souvent plus rapide de chercher que d'attendre une réponse... Google est notre ami.

Répondre à zoby44

myriamsc79, le 15 jun 2009 à 06:59:14

Bonjour Zoby,

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

Répondre à myriamsc79

macros227, le 15 jun 2009 à 08:48:04

<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 ?

Répondre à macros227

myriamsc79, le 15 jun 2009 à 13:02:35

Ben... c'est déjà ce que j'ai au départ... je n'arrive pas à comprendre pour il n'y a que ça qui ne veut pas fonctionner...
Il y a déjà plus d'une semaine que je galère avec ça, et à priori il semblerait que je ne soit pas la seule à avoir ce souci...
Merci d'essayer de m'aider

Répondre à myriamsc79

macros227, le 15 jun 2009 à 14:15:46

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 !!

Répondre à macros227

myriamsc79, le 15 jun 2009 à 18:27:30

Bonsoir,

non, si je mets ça, il n'y a plus rien qui fonctionne... franchement, c'est à devenir chèvre, parce que le code semble être bon pourtant... grrr.

Répondre à myriamsc79

Ozimandias, le 15 jun 2009 à 14:58:03

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. Deux intellectuels assis vont moins loin qu'une brute qui marche.
!!! Vous avez obtenu une réponse ... Pensez à marquer vos sujets comme résolus !!!

!! Pensez à marquer les sujets Résolus !!

Répondre à Ozimandias

myriamsc79, le 15 jun 2009 à 18:28:55

Bonsoir,

oui, j'ai oublié de mentionner que j'ai essayé ça aussi et que ça ne fonctionne toujours pas... je sens pousser les cornes et la barbichette... snifff

Répondre à myriamsc79

zoby44, le 15 jun 2009 à 18:35:32

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. Il est souvent plus rapide de chercher que d'attendre une réponse... Google est notre ami.

Répondre à zoby44

myriamsc79, le 15 jun 2009 à 19:02:06

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

Répondre à myriamsc79

Posez votre question Répondre