Images et css

Bonjour,

Je souhaiterais savoir s'il est 'bien' de spécifier les images de son site en se servant de 'background-url' pour les images?

En fait j'aimerais que les membres puissent modifier les images sur le site ainsi que le fichier css donc j'aimerais faire d'une pierre deux coups.

Est ce une bonne solution? On peut placer comme on veut les images de cette manière?
Existe t'il une solution meilleure?

merci

Bonjour,

Si les images ne sont que purement décoratives, il faut les mettre en background via CSS.

Si par contre, ces images représentent un contenu intéressant pour l'utilisateur, par exemple un album photo, il faut utiliser la balise img en HTML. Des gens naviguent sur le Web en désactivant les styles CSS, mais en activant l'affichage des images. Si tu utilise que des images de background, ces personnes ne verront jamais d'images sur ton site. En plus, la balise img permet d'avoir un texte alternatif via l'attribut alt qui peut être utile pour les mal-voyants ou les non-voyants, et pour un tas d'autres situations.
Modifié par Tony Monast (08 Dec 2005 - 15:00)

Ok mais par exemple pour les smileys sur ce forum, serait ce une bonne idée de les afficher avec du css et background-url?
(sans tenir compte du problème lié aux malvoyants car ils peuvent changer de skin et il suffirait de prevoir une page annexe avec les balises <img>)

En fait mon problème vient également d'une difficulté pour placer une image à coté d'un texte en utilisant background-url car forcément le texte recouvre l'image, il faudrait donc indiquer un décalage pour le texte mais jsais pas comment faire?

merci

Bonjour,

Sheron a écrit :
Ok mais par exemple pour les smileys sur ce forum, serait ce une bonne idée de les afficher avec du css et background-url?

Les smileys, tels qu'ils sont souvent utilisés, peuvent modifier considérablement le sens d'une phrase. S'ils sont mis en background CSS, une partie des utilisateurs perdent une information parfois essentielle. Ce sont bien des "images de contenu", et un excellent exemple du danger de mettre des images en arrière-plan CSS...

Sheron a écrit :
(sans tenir compte du problème lié aux malvoyants car ils peuvent changer de skin et il suffirait de prevoir une page annexe avec les balises <img>)

Il faudra donc gérer deux versions du même contenu... C'est ce que l'on cherche au contraire à éviter autant que possible.

Sheron a écrit :

En fait mon problème vient également d'une difficulté pour placer une image à coté d'un texte en utilisant background-url car forcément le texte recouvre l'image, il faudrait donc indiquer un décalage pour le texte mais jsais pas comment faire?

Si l'image est l'arrière-plan d'un élément <div>, par exemple, donner à celui-ci un padding gauche ou droite supérieur ou égal à la largeur de l'image.

Sheron a écrit :
Ok mais par exemple pour les smileys sur ce forum, serait ce une bonne idée de les afficher avec du css et background-url?

Au contraire, pour en avoir discuté avec certains membres du forum, les smileys ne sont pas décoratifs : ils apportent une information importante sur l'état d'esprit du message et de la personne qui l'écrit.
Il est donc important qu'ils fassent partie intégrante de la page.

EDIT : grillé
Modifié par Raphael (08 Dec 2005 - 15:25)

donc il n'existe pas de facon optimale pour permettre aux utilisateurs de switcher de style tout en permettant de changer les images?

Sheron a écrit :
donc il n'existe pas de facon optimale pour permettre aux utilisateurs de switcher de style tout en permettant de changer les images?

Puisque tu changes via PHP le nom ou le répertoire de la CSS dans le HTML, tu peux aussi facilement changer du même coup le répertoire figurant dans le lien src des images (un répertoire par skin, contenant CSS et images), à l'aide de la même variable.
Modifié par Laurent Denis (08 Dec 2005 - 15:52)