Background en css ... ça ne fonctionne pas !!

Résolu
slipknot-mm Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   -  
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, à tous, je sais que cette question à déjà était posée mais je n'ai trouvé aucune solution à mon problème.
Voilà j'ai déjà fait un site internet mais celui-ci était entièrement en html, pour mon prochain site je veux inclure du css.
Mon problème c'est que je commence et que j'apprends, ma question va vous semblez idiote mais je n'arrive pas à mettre de fond (background) à ma page, elle s'affiche toute blanche. Je vous donne le code (c'est juste l'introduction du code là où ce trouve le code pour le background). Ceci est juste un essai et n'hésitez pas à me dire ce qui cloche :

<html>
<head>
<style type="text/css">
body {
background-image: url("Coucher de soleil.jpg");
background-repeat: no-repeat ; /*pas de répition de l'image*/
background-attachment: fixed ;
}
</style>
</head>
</html>

Vu que mon image est dans le même dossier que ma page, je ne pense pas que cela vienne du chemin.

En attente de réponse.
Merci d'avance.
A voir également:

29 réponses

Précédent
  • 1
  • 2
Réponse 21 / 29
ixih
 
Dans ton dernier code slipknot tu as omis le body devant les accolades dans la balise de style.
Essaie ceci: 
<html>
<head>
<style="type="text/css" rel="stylesheet">
div.image{
width:100%;
height:25px;
background-image:url(coucherdesoleiljpg);
}
</style>
</head>
<body>
<div class="image">
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</div>
<!-- et pour etre sur que c'est pas un probleme d'url -->
<br/>
<img src="coucherdesoleil.jpg" />

<!-- le css peut aussi s'écrire dans la balise -->
<hr style="color:red; width:80%;"/>
<br/>
<div style="background-image:url(coucherdesoleil.jpg); border:2px solid orange;">
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
</div>
</body>
</html>
0
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
manque body dans le paragraphe style
0
Réponse 22 / 29
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
voilà le code entier avec le repeat et tout et tout et ça marche toujours chez moi
<html>
<head>
<style type="text/css" rel='stylesheet'>

body {
width:800px;
height:600px;
margin-left:auto;
margin-right:auto;
background-image: url('tropiques.jpg');
background-repeat: no-repeat;
font-family: Verdana, "Times New Roman", sans-serif;

}
</style>

</head>

<body width="1000" height="1000">
<table width="1000" height="1000">
<tr>
<td>
dsqfgshhfnhnnfrnsfndd
</td>
</tr>
</body>
</html>
0
Réponse 23 / 29
slipknot-mm Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   1
 
Aucun des deux codes ne fonctionnent par contre sur ton code ixih le browser me met l'icône image non trouvé.
0
Réponse 24 / 29
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
dans le code de ixh le nom de l'image n'est aps correct.
si tu fais du copier coller cela ne risque pas de le faire.

je persiste à dire que mon code fonctionne, regarde côté nom de l'image.
0

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

Posez votre question
Réponse 25 / 29
slipknot-mm Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   1
 
Je ne remts aucunement en doute que ton code fonctionne chez toi giheller, mais chez moi cela ne fonctionne pas. J'ai modifié le nom de l'image mais ça ne fonctionne pas.
0
Réponse 26 / 29
slipknot-mm Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   1
 
Bon j'abandonne c'est pas grave je vais rester sur le html mais vous pouvez me dire comment je peux mettre une image en fond derrière les liens ???

<!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="en">
<head>
<style type="text/css">

body {
font-family: Verdana;
font-size: 12px;
margin: 0;
padding: 0;
background-image:url("image/Coucher de soleil.jpg");
}
</style>

<style type="text/css">


#menu {width:750px; height:420px; background:url(center-center/penguin2.jpg); text-align:center; overflow:hidden;}



#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
#menu ul {display:inline-block;}
#menu ul {display:inline;}

#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul li div ul {margin:0; background:url(trans.gif);}

#menu a.level1-a {display:block; font:bold 11px verdana,arial,sans-serif; color:#cde; line-height:25px;
text-decoration:none;padding:0 15px 0 15px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {height:25px; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px;
text-decoration:none; padding:6px;}

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; left:-50%;}

#menu li a.fly {background:transparent url(center-center/down-arrow.gif) no-repeat right center;}

#menu li a:hover,
#menu li a.fly:hover {white-space:nowrap; color:#fc0;}
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#fc0;}
#menu ul li div ul li a:hover {color:#b20;}

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}

</style>


</head>

<body background="Coucher de soleil.jpg">
<div id="info">

<div id="menu">
<ul class="level1">
<li class="level1-li"><a class="level1-a" href="#url">Home</a></li>
<li class="level1-li"><a class="level1-a fly" href="#url">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<ul>
<li><a href="#url">Email</a></li>
<li><a href="#url">Telephone</a></li>
<li><a href="#url">Online Form</a></li>
<li><a href="#url">Snail Mail Address</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="level1-li"><a class="level1-a fly" href="#url">Resort<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<ul>
<li><a href="#url">Ski Hire Facilities</a></li>
<li><a href="#url">Main Ski Slopes</a></li>
<li><a href="#url">Night Life</a></li>
<li><a href="#url">Restaurants</a></li>
<li><a href="#url">Car Hire</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="level1-li"><a class="level1-a fly" href="#url">Surrounding Area<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<ul>
<li><a href="#url">Where to go</a></li>
<li><a href="#url">What to do</a></li>
<li><a href="#url">Places of interest</a></li>
<li><a href="#url">National parks & Museums</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="level1-li left"><a class="level1-a fly" href="#url">Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<ul>
<li><a href="#url">Money Exchange</a></li>
<li><a href="#url">Resort Essential Information</a></li>
<li><a href="#url">Language</a></li>
<li><a href="#url">Short Breaks</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="level1-li"><a class="level1-a" href="#url">Privacy</a></li>
</ul>
</div>

</body>
</html>
0
Réponse 27 / 29
slipknot-mm Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   1
 
J'ai trouvé !!! :-)))) En faite j'ai essayé avec une image au format PNG et ça fonctionne. Merci énormement à tous ceux qui m'ont répondu.
0
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
désolé aucun rapport
0
Réponse 28 / 29
slipknot-mm Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   1
 
ça n'a peut être aucun rapport mais j'ai modifié le format et ça a fonctionné. C'est le principal
0
giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
Bonjour,
le principal est certes que cela fonctionne, mais en tooute logique il y a quelque chose de non satisfaisant.
Bon dimanche
0
Réponse 29 / 29
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
je ne vois pas le rapport sauf si tu avais une uimage jpg mal codé
est ce que ça marchait en faisant glisser ton iimage dans ton navigateur
0

Discussions similaires

Background color css
ernblp -
ernblp -

5 réponses
Task host windows, c'est quoi ?
mat -
bebegamin59 -

23 réponses
Task Host Window ?????
Gilbnove -
Malekal_morte- -

1 réponse
desactiver task host window par gestionnaire de tâches
mlss -
Mlsd -

2 réponses
BackGroundTransferHost.exe s'active tout seul, pourquoi ?
mika -
H0enheim -

9 réponses