comment forcer une dimenssion d'image,

Blooo · 23-01-2009 17:39:47

Bonjour à tous,

j'ai vu que sur certains forums par exemple si on mets dans un post une image de 1200 pixels, une fois qu'on a envoyé le message elle apparaît au maximum en 600 pixels,

comment peut on faire ça sur nos forums?

merci de votre aide

sharrinddlar · 23-01-2009 17:43:22

bonjour,

il faut attribuer aux styles des images de tes posts :

max-width:600px;

Dernière modification par sharrinddlar (23-01-2009 17:43:46)

Blooo · 23-01-2009 17:46:10

sharrinddlar a écrit :

bonjour,
il faut attribuer aux styles des images de tes posts :
max-width:600px;

ok et c'est dans quel fichier?

fanf73 · 23-01-2009 18:42:14

Dans un de tes fichiers style, je dirais base.css pour que ce soit pris en compte pour tous les styles utilisés.

sharrinddlar · 23-01-2009 18:57:04

oui, comme fanf73 le dit,

Tu peux mettre dans ton base.css :

div.postmsg p img{
    max-width:600px;
}

Comme ça, même si tu change de style tu aura toujours cette attribut pour tes images de post wink

++

EDIT : au fait, ça ne fonctionne pas sur IE6, mais bon... IE6 ... no comment...

Dernière modification par sharrinddlar (23-01-2009 18:58:19)

Blooo · 23-01-2009 20:43:38

oldie-2 a écrit :

Pour IE6, tu peux rajouter ça :
width:expression(document.body.clientWidth > 600 ? "600px" : "auto");

ok donc la ligne je la rajoute à l'autre pour donner ça?

div.postmsg p img{
    max-width:600px;width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

Blooo · 23-01-2009 21:18:26

et bien on dirait bien que ça marche avec Firefox, Internet Explorer et même Chrome :canon:

merci beaucoup de votre aide

Blooo · 24-01-2009 19:45:52

ben non marche pas, il y a un TRÈS GROS problème, c'est que les émoticônes sont aussi en 600 pixels!!!

sharrinddlar · 24-01-2009 19:52:14

Tu as un lien ??

Blooo · 24-01-2009 19:53:42

sharrinddlar a écrit :

Tu as un lien ??

ah non, je viens de remettre le fichier base.css comme il était
donc plus d'affichage des émoticônes en 600px

Blooo · 24-01-2009 19:56:58

j'avais mis cette ligne

div.postmsg p img{
    max-width:600px;width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

j'ai peut être fait une erreur?

mais curieusement pour moi les émoticônes avaient la bonne dimension, mais les visiteurs voyaient ça :
Emoticone2.2009124185931.jpg

Dernière modification par Blooo (24-01-2009 19:59:54)

Mpok · 24-01-2009 21:02:28

Il s'agit d'un problème de selectivité des règles css...

En l'occurrence, la règle n'est pas assez précise pour ne concerner que les images "normales" : les smilies étant également des images dans le corps des messages, elles sont concernées par la règle, et donc redimensionnées.

Pour empêcher cela, il faudrait modifier parser.php pour :
- soit affecter une classe spéciale aux images "normales" (dans le traitement de la balise [img]), et modifier la règle pour qu'elle ne s'applique qu'à cette classe d'image.
- soit affecter une classe spéciale aux smilies et rajouter une règle css APRES celle des images normales pour annuler la règle précédente.

Comme il se peut que les smilies soient de tailles différentes, la deuxième solution peut poser des problèmes.
Je choisirai donc la première solution.

Blooo · 24-01-2009 21:40:42

Mpok a écrit :

Il s'agit d'un problème de selectivité des règles css...

très bien, c'est ce que j'ai cru comprendre

Mpok a écrit :

- soit affecter une classe spéciale aux images "normales" (dans le traitement de la balise [url]), et modifier la règle pour qu'elle ne s'applique qu'à cette classe d'image.

ah ok, mais ça je ne sais pas faire sad

merci quand même

sharrinddlar · 24-01-2009 23:06:07

Re,

Franchement, avec un max-width, il n'y a pas ce soucis... Après je n'ai jamais testé la règle énoncée plus haut pour ie6, mais sur ff et ie7, ça fonctionne sans pb...

Blooo · 24-01-2009 23:37:20

sharrinddlar a écrit :

Re,
Franchement, avec un max-width, il n'y a pas ce soucis... Après je n'ai jamais testé la règle énoncée plus haut pour ie6, mais sur ff et ie7, ça fonctionne sans pb...

et les émoticônes?

Mpok · 24-01-2009 23:43:40

Oui, effectivement sharrinddlar, s'il était bien interprêté le 'max-width' devrait fonctionner...
(d'ailleurs dans l'absolu, cette règle DEVRAIT même être inutile : les navigateurs devraient redimensionner automatiquement, sauf mention contraire, les éléments qui "dépassent" de leurs conteneurs... Cela règlerait nombre de bugs..)

'max-width' n'est pas reconnu par ie6.
D'où le "hack" avec 'expression' (non testé personnellement, mais qui me semble plutôt incorrect à première vue pour résoudre le pbm..).

Ma suggestion :
- laisser le 'max-width' SEUL dans le css général. Tester avec les différents navigateurs "modernes" (c'est à dire pas ie < 7).
- mettre un commentaire conditionnel pour ie < 7 (donc un css séparé) avec la partie 'expression'. Tester ceci sous IE6, et éventuellement faire les modifs uniquement sur cette partie si ça merde...

sharrinddlar · 25-01-2009 00:13:03

Mpok a écrit :

Ma suggestion :
- laisser le 'max-width' SEUL dans le css général. Tester avec les différents navigateurs "modernes" (c'est à dire pas ie < 7).
- mettre un commentaire conditionnel pour ie < 7 (donc un css séparé) avec la partie 'expression'. Tester ceci sous IE6, et éventuellement faire les modifs uniquement sur cette partie si ça merde...

L'idéal dans ce cas.

Mpok a écrit :

(d'ailleurs dans l'absolu, cette règle DEVRAIT même être inutile : les navigateurs devraient redimensionner automatiquement, sauf mention contraire, les éléments qui "dépassent" de leurs conteneurs... Cela règlerait nombre de bugs..)

plus_un

Dernière modification par sharrinddlar (25-01-2009 00:13:33)

PascL · 25-01-2009 12:22:22

Il s'agit d'un problème de selectivité des règles css...

Pour reprendre ce que disait Mpok, les images postés sont déjà dans une classe propre (postimg), donc il ne faudrait appliquer la règle qu'à cette classe-là.

Archives FluxBB.fr

#1 23-01-2009 17:39:47

comment forcer une dimenssion d'image,

#2 23-01-2009 17:43:22

Re : comment forcer une dimenssion d'image,

#3 23-01-2009 17:46:10

Re : comment forcer une dimenssion d'image,

#4 23-01-2009 18:42:14

Re : comment forcer une dimenssion d'image,

#5 23-01-2009 18:57:04

Re : comment forcer une dimenssion d'image,

#6 23-01-2009 20:43:38

Re : comment forcer une dimenssion d'image,

#7 23-01-2009 21:18:26

Re : comment forcer une dimenssion d'image,

#8 24-01-2009 19:45:52

Re : comment forcer une dimenssion d'image,

#9 24-01-2009 19:52:14

Re : comment forcer une dimenssion d'image,

#10 24-01-2009 19:53:42

Re : comment forcer une dimenssion d'image,

#11 24-01-2009 19:56:58

Re : comment forcer une dimenssion d'image,

#12 24-01-2009 21:02:28

Re : comment forcer une dimenssion d'image,

#13 24-01-2009 21:40:42

Re : comment forcer une dimenssion d'image,

#14 24-01-2009 23:06:07

Re : comment forcer une dimenssion d'image,

#15 24-01-2009 23:37:20

Re : comment forcer une dimenssion d'image,

#16 24-01-2009 23:43:40

Re : comment forcer une dimenssion d'image,

#17 25-01-2009 00:13:03

Re : comment forcer une dimenssion d'image,

#18 25-01-2009 12:22:22

Re : comment forcer une dimenssion d'image,

Pied de page des forums