Sujet Précédent Sujet Suivant

Probleme background-image css

Résolu/Fermé
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015 - Modifié par _gianni_ le 23/12/2011 à 21:35
 lazaar - 16 mars 2012 à 20:18
Bonsoir,

je suis nouveau dans le monde du html, et sa fait a peu près 2 heures que je parcours tous les sujets possible et inimaginable pour trouver la solution a ce probleme.
j'ai créé une page Html, a laquelle je veux lui ajouter une image de fond. Mais rien ne s'affiche.

le .html et le .css sont dans un fichier "cours"
l'image que je doit lui appliquer est dans le même fichier "cours".

Voici mon code :
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Création de site</title>
</head>

<body>
<div id="main_wraper">
<header>
<img src="zozor_logo.png" alt="Logo de Zozor" id="logo" />
<h1>Zozor</h1>
<h2>Carnet de Voyage</h2>
<nav>
<ul>
<li><a href="accueil">Accueil</a></li>
<li><a href="blog">Blog</a></li>
<li><a href="CV">CV</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</nav>
</header>
</div>
</body>
</html>


css:
/* Définition des polices personnalisées */

@font-face
{
font-family: 'BallparkWeiner';
src: url('polices/ballpark.eot');
src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
url('polices/ballpark.woff') format('woff'),
url('polices/ballpark.ttf') format('truetype'),
url('polices/ballpark.svg#BallparkWeiner') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'Dayrom';
src: url('polices/dayrom.eot');
src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
url('polices/dayrom.woff') format('woff'),
url('polices/dayrom.ttf') format('truetype'),
url('polices/dayrom.svg#Dayrom') format('svg');
font-weight: normal;
font-style: normal;
}
/* Eléments principaux de la page */

body
{
background-image: url("neige.png");
}


MERCI PAR AVANCE

A voir également:

15 réponses

Réponse 1 / 15
-Quentoche- Messages postés 635 Date d'inscription lundi 12 septembre 2011 Statut Membre Dernière intervention 9 décembre 2014 199
23 déc. 2011 à 21:37
Si tu met l'adresse complete du site, ca fonctionne ?
1
Réponse 2 / 15
-Quentoche- Messages postés 635 Date d'inscription lundi 12 septembre 2011 Statut Membre Dernière intervention 9 décembre 2014 199
23 déc. 2011 à 21:42
Non l'adresse completes de l'image
Exemple:
http://www.exemple.com/cours/neige.png
1
Réponse 3 / 15
-Quentoche- Messages postés 635 Date d'inscription lundi 12 septembre 2011 Statut Membre Dernière intervention 9 décembre 2014 199
23 déc. 2011 à 21:46
Enleve les autres classe et laisse body et regarde si ca marche,
1
Réponse 4 / 15
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
23 déc. 2011 à 21:50
Salut

enleve les " qui entoure neige.png !!! 

background-image: url(neige.png);


a+
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 15
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
23 déc. 2011 à 22:23
si tout est comme tu dis ca devrait pourtant !!

met ca tu vas voir que tu va avoir un background ! 
background-image: url(http://jocelyne-berard-reiki-nord-isere.fr/img/anime_179.gif);


a+
1
Réponse 6 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 21:39
l'adresse d'une image ?
0
Réponse 7 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 21:44
mais l'image que je dois lui appliqué est dans un dossier sur mon pc,

sinon, j'ai éssayé de lui appliquer une image avec le lien entier, mais sa reste tout blanc plus le html.
0
Réponse 8 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 21:50
j'ai mis ça:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Création de site</title>
</head>

<body>
</body>
</html>

css:
body
{
background-image: url("fond_jaune.png");
}


mais rien a faire... et je ne vois pas ou est le probleme, tout est bien placé
0
Réponse 9 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 21:58
niet, sa ne change rien...!!!! :(
0
Réponse 10 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 22:29
put** ! sa marche !!!

merci ! sa avance un peu, manque plus que mettre l'image que je dois mettre..
0
lazaar
16 mars 2012 à 20:18
coucou tu peux m'aider ;j'ai la même problème que toi au niveau de chemin de l'image de fond
0
Réponse 11 / 15
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
23 déc. 2011 à 22:47
Salut

bon courage ;-))
0
Réponse 12 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 22:49
mais pourquoi ton lien marche parfaitement, mais le faite que je selectionne une image sur mon ordi, il le refuse, y a til des manip spéciale a faire ?
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
23 déc. 2011 à 22:59
? ton image n a pas d espace dans le nom ??

si par exemple l image s appelle mon image.jpg

change et met mon_image.jpg

tu change aussi dans la CSS

il faut eviter les liens avec des espaces !!

a+
0
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 23:05
ba si tu regardes bien, mon image du début s'appel "neige", en un seul mot..
0
Réponse 13 / 15
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
23 déc. 2011 à 23:22
?? je sais pas , regade je t ai fais un exemple , telecharge le et regarde tu verras , rien de plus simple !
Exemple

a+
0
Réponse 14 / 15
_gianni_ Messages postés 15 Date d'inscription vendredi 23 décembre 2011 Statut Membre Dernière intervention 2 juin 2015
23 déc. 2011 à 23:33
tu la carrément intégré dans ton html.

ba écoute merci infiniment de m'avoir aidé, merci beacoup..
Grace a toi j'ai pu pas mal avancé, j'espère pouvoir continuer..

merci encore,

ps: magnifique ton image !
0
Réponse 15 / 15
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
23 déc. 2011 à 23:44
:-) ok , mais si tu veux une image en background 100%( c est a dire qui retreci si tu retreci la fenetre et vice et versa !) , c est un peu different !

ca donne ca Exemple et si c est ce que tu veux faire , regarde le code source ou demande je t expliquerais !

A+
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
Tainavictor -

9 réponses
Comment enlever le rouge sur la photo svp ?
lucas0909 -
bazfile -

11 réponses
Comment recadrer une image avec Inkscape
infofeet -
TELLIEZ -

13 réponses