Ant Posté 25 Septembre 2005 Posté 25 Septembre 2005 (modifié) Bonjour j'ai un petit problème : Quand je fais un background en CSS pour afficher une image, l'image ne s'affiche pas hors quand je l'affiches avec du XHTML avec le wimg src="vf.gif" /> elle s'affiche.Hors je voudrais l'afficher en CSS car il faut que je fasses répéter l'image verticalement et si je ne me trompes on ne peut pas le faire en XHTML,donc comment puis-je faire pour que mon image s'affiche avec la propriété background ? Mes codes : XHTML : <!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"> <head> <title></title> <link rel="stylesheet" type="text/css" href="css.css"> <meta name="author" content="" /> <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" /> <meta http-equiv="Content-Language" content="fr" /> <meta name="keywords" lang="fr" content="" /> </head> <body> <div class="barre"></div> </body> </html> CSS : body{ font-family: verdana, arial, sans-serif; font-size: 12px; margin-left: 40px; margin-right: 40px; background-image: url(images/fond.gif); } .table { border: 1px solid; border-color: #0000FF; } .barre { float: left; width: 24px; background: url('images/barre.gif'); } .barre1 { float: right; } Merci d'avance @+ Modifié 25 Septembre 2005 par Ant
jeanpierre949 Posté 25 Septembre 2005 Posté 25 Septembre 2005 Salut. ta feulle de style est enregistrée dans quel dossier?
clb56 Posté 25 Septembre 2005 Posté 25 Septembre 2005 Salut, Si <div class="barre"> n'a aucun contenu alors sa hauteur est de zéro donc on ne peut pas voir d'image.
Ant Posté 25 Septembre 2005 Auteur Posté 25 Septembre 2005 Effectivement quand je mets du texte l'imae s'affiche mais le problème c'est que je n'ai envie de mettre du texte...Comment je peux faire? Aussi pour que mon image se répètes en hauteur comment je fais? Merci pour vos reponses @+
clb56 Posté 25 Septembre 2005 Posté 25 Septembre 2005 Une possibilité, mais il y en a sans doute d'autre <!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"><head><title></title><link rel="stylesheet" type="text/css" href="css.css"><meta name="author" content="" /><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" /><meta http-equiv="Content-Language" content="fr" /><meta name="keywords" lang="fr" content="" /></head><body><div id="conterneur_global">Tout le contenu de ton document.</div></body></html> css #conteneur_global {background: url(images/barre.gif) repeat-y;/*ne met pas les adresses d'image entre guillemet*/} comme je l'ai dit il y a sans doute d'autres possibilités mais pour avancer la dessus il faudrait des "vrais" documents html avec du contenu et sa structuration complète.
jeanpierre949 Posté 25 Septembre 2005 Posté 25 Septembre 2005 Pourquoi ne pas donner une largeur et une hauteur fixe a ton <div id="barre">? sur ma page c'est ce que j'ai fait le <div> est vide mais il a des dimensions fixées
Ant Posté 26 Septembre 2005 Auteur Posté 26 Septembre 2005 Une possibilité, mais il y en a sans doute d'autre <!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"><head><title></title><link rel="stylesheet" type="text/css" href="css.css"><meta name="author" content="" /><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" /><meta http-equiv="Content-Language" content="fr" /><meta name="keywords" lang="fr" content="" /></head><body><div id="conterneur_global">Tout le contenu de ton document.</div></body></html> css #conteneur_global {background: url(images/barre.gif) repeat-y;/*ne met pas les adresses d'image entre guillemet*/} comme je l'ai dit il y a sans doute d'autres possibilités mais pour avancer la dessus il faudrait des "vrais" documents html avec du contenu et sa structuration complète. <{POST_SNAPBACK}> J'ai essayé de mettre ton code : background: url(images/barre.gif) repeat-y; mais l'image ne se repetes pas.. Comment cela se fait-il? Sinon jenpierre949 je n'ai as mis des dimenssions car je veux que ce soit extensible en hauteur.Par contre j'ai mis une dimenssion pour la largeur. Merci à vous tous pour vos reponses. @+
jeanpierre949 Posté 27 Septembre 2005 Posté 27 Septembre 2005 Est-ce que tu as mis du contenu dans ce <div> ? L'image ne se repetera qu'a cette condition tant que le div sera vide l'image ne se repetera pas
Nissone Posté 27 Septembre 2005 Posté 27 Septembre 2005 En mettant un espace insécable ( + ;), ça ne résoudrait pas le problème de la div vide ?
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant