Background en css ... ça ne fonctionne pas !! - Page 2
Résolu
Précédent
- 1
- 2
-
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> -
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> -
Aucun des deux codes ne fonctionnent par contre sur ton code ixih le browser me met l'icône image non trouvé.
-
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. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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.
-
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> -
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.
-
ça n'a peut être aucun rapport mais j'ai modifié le format et ça a fonctionné. C'est le principal
-
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
Précédent
- 1
- 2
