web-dev-qa-db-fra.com

La hauteur et la largeur de l'image ne fonctionnent pas?

Sur ce post, j'ai défini la hauteur et la largeur de l'image et cela est clairement visible dans le HTML ..

[URL supprimée]

Mais le navigateur ou Wordpress fait que l'image reste la même taille.

Je veux que ce soit plus petit?

htmlcsswordpressxhtml
13
Mark R

Tu dois écrire

<img src="theSource" style="width:30px;height:30px;" />

Le style en ligne aura toujours priorité sur le style CSS. La largeur et la hauteur attributs sont remplacées par votre feuille de style, vous devez donc passer à ce format.

51
Mageek

Vous avez une classe sur votre CSS qui écrase votre largeur et votre hauteur, la classe se lit comme telle:

.postItem img {
    height: auto;
    width: 450px;
}

Supprimez cela et vos propriétés largeur/hauteur sur la balise img devraient fonctionner.

7
Andres Ilich

http://www.markrafferty.com/wp-content/w3tc/min/7415c412.e68ae1.css

Ligne 11:

.postItem img {
    height: auto;
    width: 450px;
}

Vous pouvez soit modifier votre CSS, soit écouter Mageek et utiliser STYLE EN LIGNE pour remplacer le style CSS en cours:

<img src="theSource" style="width:30px;" />

Évitez de définir à la fois la largeur et la hauteur, car l'image elle-même peut ne pas être mise à l'échelle proportionnellement. Mais vous pouvez définir les dimensions à votre guise, selon l'exemple de Mageek.

2
maiorano84