Discussion :

[ithurts]

Bonsoir,

Existe t'il un moyen simple en html pour inverser une image verticalement ou horizontalement ?

Mes recherches ont été jusqu'à présent infructueuse.

J'ai pensé mettre des dimensions négatives mais cela n'a pas fonctionné sous firefox (du moins).


Merci d'avance pour toute vos astuces !
Bien cordialement.

[Erwan31]

Bonsoir,
c'est du côté de CSS qu'il faut chercher et pas HTML
Essayer avec ce code CSS3 qui te permettra de faire une symétrie centrale:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
img {
-webkit-transform:rotate(180deg); /*Safari 3.1+/Chrome*/
-o-transform:rotate(180deg);  /*Opera 10.5+*/
-moz-transform: rotate(180deg); /*Firefox 3.5+*/
  }

Pour IE voir ici : http://msdn.microsoft.com/en-us/libr...loband%29.aspx
Pour faire une symétrie verticale et horizontale ben faut changer d'image, ça ne sera pas possible ni avec CSS ni avec un autre langage.

Pour les détails de a syntaxe, voir dans ce module : http://www.w3.org/TR/css3-2d-transforms/

[ithurts]

Bonjour,

Merci infiniment pour votre réponse !

Hélas je travaille actuellement sur des mails, et dans un souci de compatibilité avec l'ensemble des services emails actuels je n'ai pas le "droit" d'utiliser de css.

[thelvin]

Hélas je travaille actuellement sur des mails, et dans un souci de compatibilité avec l'ensemble des services emails actuels je n'ai pas le "droit" d'utiliser de css.

Le plus simple n'est-il pas de prendre les images, les inverser, en faire de nouvelles images, et mettre ça dans la page ?

Au lieu de prendre les images et d'essayer de les afficher inversées...

[ithurts]

Oui bien évidemment c'est le plus simple.

Mais sachant que je dois afficher des "cadres" symétriques ça aurait été un gain conséquent de place de n'avoir que 2 côté sur 4 en images.

[Erwan31]

Oui bien évidemment c'est le plus simple.
Mais sachant que je dois afficher des "cadres" symétriques ça aurait été un gain conséquent de place de n'avoir que 2 côté sur 4 en images.

Tu rêves un peu toi...

[nsanabi]

Au passage on sait pas dire merci chez toi?

Bonjour,

Merci infiniment pour votre réponse !

ce que tu cherche à faire n'est pas faisable ni en html ni en css2.

tu dis travailler sur des mails, je ne comprend pas très bien comment tu fait, mais si tu utilise pour générer tes mails des scripts en php, asp.net ou autre, il existe des librairies dédiées à la manipulations d'images (GD, GDI+ ...)

[Erwan31]

...

Oups j'ai lu trop vite. Autant pour moi