background --> image non affichée

Ant · 25 Septembre 2005

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 · 25 Septembre 2005

Salut.

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

Ant · 25 Septembre 2005

A la racine.

Merci

@+

clb56 · 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 · 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 · 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 · 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 · 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 · 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 · 27 Septembre 2005

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

Connexion

background --> image non affichée

Sujets conseillés

Ant

jeanpierre949

Ant

clb56

Ant

clb56

jeanpierre949

Ant

jeanpierre949

Nissone

Veuillez vous connecter pour commenter

Parcourir

Activité