Webmaster Hub > background --> image non affichée

Ant

dimanche 25 septembre 2005 à 10:32

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 :

CITATION

<!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 :

CITATION

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
@+

jeanpierre949

dimanche 25 septembre 2005 à 10:37

Salut.
ta feulle de style est enregistrée dans quel dossier?

Ant

dimanche 25 septembre 2005 à 10:41

A la racine.

Merci
@+

clb56

dimanche 25 septembre 2005 à 11:00

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

dimanche 25 septembre 2005 à 11:12

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

dimanche 25 septembre 2005 à 11:37

Une possibilité, mais il y en a sans doute d'autre

CODE

<!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

CODE

#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

dimanche 25 septembre 2005 à 11:55

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

lundi 26 septembre 2005 à 16:27

CITATION(clb56 @ dimanche 25 septembre 2005, 12h37)

Une possibilité, mais il y en a sans doute d'autre

CODE

<!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

CODE

#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.

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

mardi 27 septembre 2005 à 04:49

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

mardi 27 septembre 2005 à 07:31

En mettant un espace insécable (&nbsp + ;), ça ne résoudrait pas le problème de la div vide ?