Ecrire du texte à l'envers

Jeffbie Messages postés 125 Statut Membre -  
pooley45 Messages postés 526 Statut Membre -
Bonjour,
J'ai un petit souci d'esthétisme pour écrire du texte à l'envers.
Je précise que "à l'envers" signifie "tête en bas" comme on compose par exemple les solutions des énigmes dans les magazines.
En farfouillant sur le net, j'ai trouvé des "trucs" comme ça :
http://texte-a-l-envers.com/

Le résultat est hideux !
Non seulement, les capitales et les lettres accentuées ne sont pas prises en charge mais de plus, l'alignement vertical se fait toujours sur le pied de la ligne et non pas du VRAI pied des caractères !

Je sais qu'il doit exister un ensemble de balises et codes en HTML insérables dans une feuille CSS.
Mais là, je suis dépassé car nul en programmation !

Si qqn pouvait me guider depuis le début, ça m'arrangerait beaucoup !
Merci d'avance.



--
L'impossible n'est que le possible de demain.

8 réponses

  1. transat Messages postés 31956 Date d'inscription   Statut Contributeur Dernière intervention   9 022
     
    Bonjour
    Est-ce ceci que tu désires ? http://ioj.com/v/wkkic (avec Inkscape)
    http://ioj.com/v/5d7r6 (avec Photo Filtre)
    @+


    La curiosité sur CCM n'est pas un défaut mais une qualité
    1
  2. EVE
     
    Tu as quoi comme logiciel ?
    Tu peux avec certains , l'écrire normalement , le convertir en image ( ou pas d'ailleurs , selon le logiciel ) et le tourner de haut en bas par exemple . Ou de gauche à droite , comme tu veux .
    On peut le faire même avec photofiltre gratuit et avec quasiment tous les logiciels ..
    0
  3. Jeffbie Messages postés 125 Statut Membre 13
     
    EVE : c'est pour écrire sur des blogs type Over-Blog, on peut y modifier des feuilles CSS, notamment..
    transat : c'est exactement le résultat attendu, oui.
    0
  4. transat Messages postés 31956 Date d'inscription   Statut Contributeur Dernière intervention   9 022
     
    Re
    Avec Photo filtre
    Ouvrir une nouvelle image
    Cliquer sur "T",choisis la taille et la couleur de ta police
    Tape le texte dans la fenêtre de texte
    Angle -180 >OK
    >Édition>Valider le texte
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Jeffbie Messages postés 125 Statut Membre 13
     
    Avec une mage, ce n'est pas une solution car les fonds des articles des blogs n'est pas uni et rarement blanc. De plus, il est souvent difficile de positionner une image ainsi faite avec précision.

    Ce que je cherche, c'est une solution en HTML pour modifier une feuille CSS.
    0
    1. transat Messages postés 31956 Date d'inscription   Statut Contributeur Dernière intervention   9 022
       
      Désolé,si c'est pour modifier une feuille CCS je ne sais pas
      :-((
      0
    2. Jeffbie Messages postés 125 Statut Membre 13
       
      Merci d'avoir essayé ! ;-)
      0
  7. transat Messages postés 31956 Date d'inscription   Statut Contributeur Dernière intervention   9 022
     
    Re
    Une suggestion en passant
    Cela pourrait-il marcher http://ioj.com/v/f2597
    0
  8. Jeffbie Messages postés 125 Statut Membre 13
     
    Je ne sais pas, je n'ai pas photofiltre et je n'en veux pas (j'ai photoshop ). Ce que je souhaite, c'est du code HTML insérable dans une feuille CSS.
    0
  9. pooley45 Messages postés 526 Statut Membre 110
     
    Du HTML n'est pas insérable dans une feuille de style CSS. Par contre l'inverse est possible mais pas préconiser (mieux vaut d'un côté ton *.html pour le fond et de l'autre ton *.css pour la forme)

    Pour ton problème tu as la propriété transform qui ne va peut-être pas fonctionner avec tous les navigateurs :

    html
    <p class="question">quel est le muscle ?</p>    
    <p class="answer">kamoulox</p>    
    


    css
    p.answer{   
         display: block;
         width: 60px;
         height: 15px; 
         -webkit-transform: rotate(-180deg);     
         -moz-transform: rotate(-180deg);    
    }    
    


    plus d'info sur cette page https://snook.ca/archives/html_and_css/css-text-rotation page (en US) :)
    0