Partage
  • Partager sur Facebook
  • Partager sur Twitter

Placer image à coté du texte

HTML

Sujet résolu
    16 juin 2021 à 17:09:33

    Bonjour à tous et toutes,

    Je préviens, j'ai appris sur le tas afin de créer les signatures mail entreprise.

    Mais je bloque pour ce qu'il s'agit de mettre le texte à droite de mon image avec un espacement et même une barre verticale si possible ?

    Egalement, j'ai l'impression que je n'arrive pas à changer la taille de la police...

    Certainement des erreurs ont été commises.

    Je precise que je travail en HTML uniquement sur Microsoft Exchange (création d'une règle avec langage HTML uniquement).

    Je précise également que j'ai tenté beaucoup, beaucoup, BEAUCOUP de solutions trouvés sur internet. Rien n'y fait.

    Voici mon code : 

    <div style="color:#000000; size:16pt; face: 'Helvetica', 'Gadugi', 'Manrope', 'Times New Roman';"> <br><B> Nom Prenom </B> | Fonction <br>&#9990; <I> Tel </I> </p>

    <img style="margin-bottom:5px;" height="78" width="187" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Ensign_of_France.svg/langfr-225px-Ensign_of_France.svg.png" align=left><p><div style="color:#132D75; face: 'Gadugi', 'Manrope', 'Times New Roman';"><br><B> Nom Entreprise</B><br> Adresse <br><a href="site web"> nom site web </a></p>

    J'espère avoir été clair et précise.

    Merci par avance de votre aide !! Je bloque dessus depuis plus d'une semaine, j'ai mal aux yeux et au cerveau lol.

    • Partager sur Facebook
    • Partager sur Twitter
      18 juin 2021 à 9:41:52

      Bonjour, j'ai ce code a vous proposer juste si dessous, il n'y a pas de balise "face" et pensez bien a fermer vos balises.

      <div style="color:#000000; size:16pt; font-family: 'Helvetica', 'Gadugi', 'Manrope', 'Times New Roman';">
          <p>
              <B>
                  Nom Prenom
              </B>
              | Fonction
              <br>
              &#9990;
              <I>
                  Tel
              </I>
          </p>
          <div style="display: flex;">
              <img style="margin-bottom:5px; padding-right: 15px;" height="78" width="187"
                  src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Ensign_of_France.svg/langfr-225px-Ensign_of_France.svg.png" />
              <div style="border: solid 1px; color:black; width:0.5px;height:70px">
      
              </div>
              <p style="padding-left: 15px; color:#132D75; font-family: 'Gadugi', 'Manrope', 'Times New Roman';">
                  <B> Nom Entreprise</B>
                  <br> Adresse
      
              </p>
          </div>
      
          <a href="site web"> nom site web </a>
      </div>



      • Partager sur Facebook
      • Partager sur Twitter

      Un sourire coûte moins cher que l'électricité, mais donne autant de lumière

        18 juin 2021 à 11:08:00

        Bonjour Stonners,

        Whaouh ! 

        Merci pour ce codage clair. Le résultat est pile ce que je recherche.

        Je vais apprendre de vos corrections. Même s'il y a peu de chances que je sois amenée à en refaire, c'est très intéressant !

        Merciii beaucoup.

        • Partager sur Facebook
        • Partager sur Twitter
          18 juin 2021 à 11:13:54

          Bonjour,

          Sujet résolu

          Tu peux passer le sujet à "résolu" (bouton en haut à droite du sujet) et cliquer sur les pouces levés des messages qui t'ont aidé⋅e ;)
          • Partager sur Facebook
          • Partager sur Twitter
            18 juin 2021 à 12:33:18 - Message modéré pour le motif suivant : Merci d'utiliser le bouton code du forum pour insérer votre code


              18 juin 2021 à 13:57:14

              Bonjour,

              Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
              Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

              Pour plus d'informations, nous vous invitons à lire les règles générales du forum

              Merci de colorer votre code à l'aide du bouton Code

              Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

              Merci de modifier votre message d'origine en fonction.

              Liens conseillés

              • Partager sur Facebook
              • Partager sur Twitter

              Placer image à coté du texte

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown