Sujet Précédent Sujet Suivant

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

Résolu/Fermé
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 - 25 juil. 2009 à 16:41
math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 - 26 juil. 2009 à 15:15
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
25 juil. 2009 à 19:22
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 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 19:26
manque body dans le paragraphe style
0
Réponse 22 / 29
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 19:30
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 samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 19:33
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 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 19:37
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 samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 19:39
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 samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 20:11
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 samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 20:23
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 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 22:39
désolé aucun rapport
0
Réponse 28 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 23:48
ç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 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
26 juil. 2009 à 09:35
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 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
26 juil. 2009 à 15:15
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

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

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

23 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses