Probleme background-image css
Résolu
_gianni_
Messages postés
15
Date d'inscription
Statut
Membre
Dernière intervention
-
lazaar -
lazaar -
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
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:
- Probleme background-image css
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
15 réponses
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
si tout est comme tu dis ca devrait pourtant !!
met ca tu vas voir que tu va avoir un background !
a+
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+
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.
sinon, j'ai éssayé de lui appliquer une image avec le lien entier, mais sa reste tout blanc plus le html.
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é
<!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é
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 ?
?? je sais pas , regade je t ai fais un exemple , telecharge le et regarde tu verras , rien de plus simple !
Exemple
a+
Exemple
a+
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 !
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 !