Image deformée | Drupal France

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact

De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by Aka21 on 30 Septembre, 2014 - 10:17

Bonjour les amis,

J'importe une image dans ma page "Type de contenu", celle-ci est étirée sur toute la page.

Lorsque je mets le theme de base, celle-ci est au bon format. Quelle partie de code, je dois changer dans mon theme pour afficher le code correctement.

J'avais le même problème avec les titres fields, mais j'ai fais un copie coller du code de la page du theme de base et le problème fut résolu sur mon theme.

Mais pour les images, je ne trouve pas, pouvez vous me guider svp.

Merci

Forum :

Développement

Si c'est lié au thème, c'est

Permalien Soumis par vincent59 le 30 Septembre, 2014 - 11:37

Si c'est lié au thème, c'est probablement du côté des feuilles de style CSS qu'il faut regarder.

Via Firebug ou un outil de dév, il faut déterminer quelle règle CSS s'applique sur l'image, et modifier le fichier css correspondant.

Merci Vincent,

Permalien Soumis par Aka21 le 30 Septembre, 2014 - 12:11

Merci Vincent,

par contre petite question, c'est sur la feuille de style.css ou sur un autre fichier que je dois faire ma recherche?

Voici le code de l'image

<div class="field-item even">
    <img width="250" height="365" alt="" src="http://graphedit.fr/scelf2/sites/default/files/styles/livre/public/22.jpg?itok=vxmaMhjD" typeof="foaf:Image"></img>

</div>

Mais celle-ci s'affiche en width: 100% - height="365"

J'ai retiré "width: 100%;" et

Permalien Soumis par Aka21 le 30 Septembre, 2014 - 12:28

J'ai retiré "width: 100%;" et cela fonctionne.

Si je laisse comme cela, rien ne va buguer?

Si le sélecteur CSS ne s

Permalien Soumis par vincent59 le 30 Septembre, 2014 - 13:27

Si le sélecteur CSS ne s'applique qu'à ce type d'image, ça devrait aller.

merci Vincent, t'es vraiment

Permalien Soumis par Aka21 le 30 Septembre, 2014 - 13:51

merci Vincent, t'es vraiment cool de m'aider.