taille automatique pour images

Statut : non résolu

Ce sujet contient 3 réponses, 4 participants et a été mis à jour pour la dernière fois par alakhnor, le il y a 17 années et 3 mois.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
7 septembre 2007 à 9 h 48 min #453949

mamzelle holidays
Membre

Padawan WordPress
54 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : dernière version
– Thème utilisé : theme de arcsin.ce
– Plugins en place :
– Nom de l’hebergeur :
– Adresse du site :

Problème(s) rencontré(s) :

Bonjour à tous !

J’aimerais que les images postés dans mes articles est automatiquement un style= »widht:100% », pour qu’elle ne dépace pas du centre de mon blog.
Comment faire cela ? Je suppose qu’on doit pouvoir créer dans la css une class pour le style des images …? Impossible de trouver de l’aide dessus dans mon intarissable aide en css (le site du zéro 😉 )

Quelqu’un à une idée ?
merci d’avance !

Edit : d’ailleurs en y pensant j’aimerais que mes images soient encadrés automatiquement, c’est au meme endroit je suppose ..?

7 septembre 2007 à 13 h 36 min #609179
Many
Participant

Maître WordPress
1485 contributions
Bonjour,

la balise css qui gère les images est la suivante : img

après c’est à toi de voir quelles spécificités lui attribuer.

Exemple :
```
img {
	margin: 0;
	padding: 0;
	widht: 100%;
	border: 1px solid #333;
}
```
ce n’est qu’un exemple. Je ne suis même pas sur que le 100% soit efficace. Donc ceci affectera l’affichage des images en général.

Ces spécificités sont hérités du coup si tu veux un affichage différent pour une partie du blog en particulier, par exemple pour des images qui seront sur le sidebar, il te faudra le spécifier. Exemple :
```
#sidebar img {
	mettre ce que tu veux
}
```
et ainsi de suite …

Que les experts en ccs me corrigent si j’ai fais une erreur quelque part 🙂
7 septembre 2007 à 16 h 18 min #609180

Rod
Membre

Maître WordPress
744 contributions

le probleme c’est que sous Firefox, 100% de l’image = ne peut pas depasser la taille maximale de l’image.

Donc si tu as une image de 500px, dans un design de 600, ton img fera 100% donc 500

Mais ce boulet d’IE, lui, considere que 100% = la taille max ou se trouve ton image : donc un joli pas scaling de 600px.

Neanmoins, une solution existe, puisqu’elle a ete utilisée pour le forum punBB : à toi de telecharger punBB, de regarder le code source ou se trouve sur un forum punBB une image, de prendre le script prévu pour que cela fonctionne sous IE, et hop la 🙂

7 septembre 2007 à 16 h 43 min #609181

alakhnor
Participant

Maître WordPress
996 contributions

ça m’étonne que Rod n’ait pas dit : jquery !
Auteur

Messages