background-image

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
gilbert

background-image

Message par gilbert »

Bonjour,

J'ai des classes CSS avec une image en fond.
Dans un cas, ça marche, dans d'autres non.
Notez que j'ai également une couleur de fond au cas où l'image n'apparaît pas justement. Mais si je l'enlève, je n'ai pas d'image non plus.
Je n'arrive pas à trouver ce qui fait l'image apparaît ou pas.
Voici un exemple de classe où l'image n'apparaît pas
.breves dt
{
margin-left: 0%;
padding-top: 0%;
padding-bottom: 1%;
padding-right: 1em;
padding-left: 1em;
background-attachment: fixed;
background-image: url(../img/kit/objets/toptab.jpg);
background-repeat: repeat-x;
background-position: left bottom;
font-weight: bold;
text-align: center;
text-valign: top;
height: 25px;
background-color: #F3F4F5;
}
Mais j'ai l'impression que ça dépend du contexte dans lequel la classe est placée.

Vous remerciant par avance pour votre aide.

Cdlt.

Gilbert
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

tu peux donner un exemple ou cela ne marche pas...
Inscrit sur la liste des abonner absent...
gilbert

mon exemple ne marche pas

Message par gilbert »

Quelle rapidité !

J'ai écrit
>Voici un exemple de classe où l'image n'apparaît pas

Voici la classes dl qui va avec si ça peut servir:
dl.breves
{
margin-left: 50%;
width:45%
padding: 0px;
text-align: left;
text-valign: top;
}
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

ce que je voudrait c'est un fichier html entier pour voir exactement ce que tu fait et ce qui ne vas pas... car sinon c'est trop long de deviner dans qu'elle cas cela ne marche pas... ... ...
Inscrit sur la liste des abonner absent...
bobo
Iguane
Messages : 764
Inscription : 18 août 2003, 11:04

Message par bobo »

Ton problème doit venir du "background-attachment: fixed".
Le "background-attachment: fixed" fait en sorte que l'image de fond ne scrolle pas avec la page. En plus de ça, l'image est positionnée par rapport à la fenêtre, et non par rapport à l'élément.
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.
gilbert

voici la page

Message par gilbert »

Pardon.

Voici le site en cours de modification
http://cyberiel.free.fr/accessif/

le fichier css est ici
http://cyberiel.free.fr/accessif/css/screen.css
gilbert

Merci bobo

Message par gilbert »

Merci bobo :D
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités