|
|
|
|
Bonjour,
Je souhaite utiliser une image de fond pour la creation d'un site mais celle-ci ne s'affiche pas alors qu'elle semble être bien apellée dans mon css. Quelqu'un peut-il m'aider à comprendre ?
Merci de votre aide.
voici mon html :
<html>
<head><title>Ginger Sisters, vêtements éthiques pour femmes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="CSS/structure.css" rel="stylesheet" type="text/css" />
</head>
</html>
<body>
<div id="cadre">
<div id="haut"></div>
<div id="bas">
<div id="bouton1"><a href=""><img border="none" alt="ginger sisters" s="images/myspace.gif"></a></div>
<div id="bouton2"><a href=""><img border="none" alt="collection ethique" src="images/collection.gif"></a></div>
<div id="bouton3"><a href=""><img border="none" alt="points de vente" src="images/points-de-vente.gif"></a></div>
<div id="bouton4"><a href=""><img border="none" alt="commandez vos vêtements éthiques" src="images/commande.gif"></a></div>
<div id="bouton5"><a href=""><img border="none" alt="contactez-nous" src="images/contacts.gif"></a></div>
<div id="bouton6"><a href=""><img border="none" alt="le blog Ginger Sisters" src="images/blog.gif"></a></div>
</div>
</div>
</body>
</html>
et voici mon css :
html{
margin: 0px;
padding: 0px;
}
body{
font-size : 100%;
background-color : #FFFFFF;
margin: 0px;
padding: 0px;
}
#cadre{
width: 900px;
height: 500px;
position: absolute;
left: 50px;
top: 50px;/*gere la hauteur du placement sur la page de manière absolu*/
}
#haut{
width: 900px;
height: 430px;
background-image: url (cadre.gif);
background-repeat: no-repeat;
}
#bas{
width: 900px;
height: 70px;
position:fixed !important;
background-color: #735F69;
}
#bouton1{
width: 125px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 35px;
margin-right: 15px;
float: left;
}
#bouton2{
width: 125px;
margin-top: 20px;
margin-left: 11px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}
#bouton3{
width: 125px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}
#bouton4{
width: 125px;
margin-top: 20px;
margin-left: 11px;
margin-right: 10px;
margin-bottom: 20px;
float: left;
}
#bouton5{
width: 125px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
float: left;
}
#bouton6{
width: 125px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
float: left;
}
L'image devrait donc s'afficher dans <div "id=haut"> mais rien n'y fait !
Merci encore pour votre aide
Virginie
Configuration: Windows XP Internet Explorer 7.0
Bonjour,
#haut{
width: 900px;
height: 430px;
background-image: url (cadre.gif);
background-repeat: no-repeat;
}
remplace par: #haut{
width: 900px;
height: 430px;
background-image: url ('cadre.gif');
background-repeat: no-repeat;
}
il manque simplement les ' ' (apostrophes): background-image: url ('cadre.gif'); Je ne sais pas pourquoi mais les ' ' ne se mettent pas en gras dans le code. Bonne journée Le service a besoin de nous, mais nous nous n'avons pas besoin de lui ! Si la réponse donnée ne vous convient pas demander aux modérateurs de le supprimer!
|
Répondre à Nico_
|
Access image fond ecran Background image en css pas visible Centrer une image en css Css afficher une image à la taille de la zone Dimension d'une image en css Image de fond css coté serveur syntaxe Image en fond css Image fond d'ecran pour portable Image fond d'écran gratuit d'aquarium Image fond ecran samsung Image fond site internet Image fond transparent dans word Image map css Inclure image fond ecran html Les images ne s'affichent pas sur ie8 Mettre image fond d'écran css Probleme image html css affichage étirer image fond css
