Discussion :

[jlb59]

Bonjour à tous et bonne année,

Lorsque j'utilise FF toutes les images sont affichées avec ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="zip"></span>

En css cela donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.rar{padding : 0px 16px 12px 0px;background : transparent url(../images/download/rar.gif) no-repeat;}

L'original est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="../images/download/rar.gif" style="border:none;" alt="">

Par contre, avec IE et toujours avec le même code, rien ne s'affiche.
Pour que cela se fasse, il faut que j'utilise l'original.

Est-ce que vous pourriez m'expliquer le pourquoi du comment, parce que là, je suis un peu perdu ?

Merci d'avance.

[Kerod]

Alors déjà il y a un soucis de nom de classe.

Ensuite il faut savoir qu'un span est un élément inline et donc pour afficher un background surtout s'il y a pas de texte il faut au moins lui donner un

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

display :block

Par contre le mettre à block fait que son width se met à 100% donc il faudrait modifier ça.

[jlb59]

Alors déjà il y a un soucis de nom de classe.

Ensuite il faut savoir qu'un span est un élément inline et donc pour afficher un background surtout s'il y a pas de texte il faut au moins lui donner un

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

display :block

Par contre le mettre à block fait que son width se met à 100% donc il faudrait modifier ça.

Merci de tes explications, mais je ne me sers pas des "display : block" ni même de width=100% pour cet affichage.

Ce que je comprends pas, et là je n'ai pas eu de réponses, c'est qu'il n'y a aucun prb avec FF, il n'y en a qu'avec IE !

Pour infos :
Avec dans html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="star3" title="Estimation : Moyenne">&nbsp;</span>

et Css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.star3 {background : transparent url(./images/download/star3.gif) no-repeat;}

Ca marche bien chez IE et FF.
Pourtant il y a pas de Display et Width ????

[Kerod]

Tout simplement parce que tu lui passes un caractère vide :   donc pour lui il n'est pas vide et affiche correctement la balise.

Mais tous les navigateurs interprètes pas la même chose de la même manière.

D'où l'utilité de mettre soit un display soit l'espace

[jlb59]

Tout simplement parce que tu lui passes un caractère vide :   donc pour lui il n'est pas vide et affiche correctement la balise.

Mais tous les navigateurs interprètes pas la même chose de la même manière.

D'où l'utilité de mettre soit un display soit l'espace

Alors je comprends plus.
J'explique :
Si je fais comme tu dis, RIEN NE S'AFFICHE
Par contre, si je mets " " ou un espace, ça marche.

Bon, je vais essayer de mettre un display, on verra bien !

[Kerod]

Bon pour être clair :

La balise span est un élément inline. autrement dit elle prend la taille de son contenu. Par conséquent, si tu mets un espace insécable alors tu auras un affichage de ton image.

Par contre si tu ne mets rien dedans alors tu ne verras rien.

Attention : Si tu attribues un float à la balise span, alors elle sera considérée comme block et donc tu auras un affichage de ton image et ce même sans display à block.

[jlb59]

Bon pour être clair :

La balise span est un élément inline. autrement dit elle prend la taille de son contenu. Par conséquent, si tu mets un espace insécable alors tu auras un affichage de ton image.

Par contre si tu ne mets rien dedans alors tu ne verras rien.

Attention : Si tu attribues un float à la balise span, alors elle sera considérée comme block et donc tu auras un affichage de ton image et ce même sans display à block.

Merci de ce renseignement.