Besoin d'aide pour améliorer ma signature mail svp.

Besoin d'aide pour améliorer ma signature mail svp. - HTML/CSS - Programmation

Marsh Posté le 20-09-2018 à 12:32:09    

Bonjour à tous,
 
Actuellement, ma signature mail donne le résultat ci-dessous :
 
https://i.imgur.com/K6LVgih.png
 
Je cherche à placer une ligne et le message écolo dans la même carte et que le tout commence sous le logo. Je n'y arrive pas car ça commence à droite du logo comme le reste des coordonnées.
Sauriez-vous m'aider svp ?
 
Merci par avance
 
Le code (pas joli joli) :
 

Code :
  1. <table border="0" cellspacing="0" cellpading="0" style="white-space:nowrap;width:300px!important;background:#EFEFEF;padding:10px;box-shadow:2px 2px 10px #000000;">
  2.     <tr>
  3.         <td>
  4.           <a href='https://demo.com'target="_blank" style="white-space:nowrap;vertical-align:middle;width:113px"><img src="http://icons.iconarchive.com/icons/double-j-design/origami-colored-pencil/256/blue-mail-open-icon.png" height="66" width="66" style="white-space:nowrap;border:5px solid #EFEFEF;"></a></td>
  5.         <td style="white-space:nowrap;font-family:Helvetica, Arial;padding-left: 10px;font-size: 13px; font-weight: Bold; vertical-align:middle;white-space:nowrap">
  6.             <a href="mailto:signature@demo.com " style="border:none;text-decoration:none;color:#049cdb;"><span style="color:#049cdb">Demo DEMO</span></a>
  7.             <div style="white-space:nowrap;margin-top: 2px">
  8. <a href="https://www.google.fr/maps/" target="_blank" style="border:none;text-decoration:none;color:#b0b0b0;font-weight: Normal;font-size: 11px;><span style="color:#b0b0b0">18 rue de la Republique</span></a>
  9. <br />
  10. <a href="https://www.google.fr/maps/" target="_blank" style="border:none;text-decoration:none;color:#b0b0b0;font-weight: Normal;font-size: 11px;"><span style="color:#b0b0b0">75000 Paris</span></a>
  11.            
  12.           <a href="tel:+33621242526" style="text-decoration:none;color:#b0b0b0;font-weight: Normal;font-size: 11px;"><br /><span style="color:#b0b0b0">Tel : +33 6 21 24 25 26</span></a>
  13.       </div>
  14.         </td>
  15.     </tr>
  16. </table>
  17. <p style="color: #36a629; font-family: Arial,Helvetica,sans-serif;clear:both;"> <img src="https://climetchauff.fr/wp-content/uploads/2017/05/ecologie.png" alt="Attitude écolo" width="27" height="27" align="left" border="0" hspace="2" /><span style=" font-size: 12px;"><strong>Merci de penser &#224; l'environnement !</strong></span> <br /> <span style="font-size: 10px;"><strong>N'imprimez ce mail que si c'est vraiment n&#233;cessaire</strong></span></p>


Message édité par snowden le 20-09-2018 à 15:02:48

---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Marsh Posté le 20-09-2018 à 12:32:09   

Reply

Marsh Posté le 20-09-2018 à 14:50:11    

Rajoutes un <tr><td colspan="2">le contenu de ta ligne en bas</td></tr>avant la fermeture de ta table !
 
Edit: suppression du codepen


Message édité par mechkurt le 20-09-2018 à 16:24:53

---------------
D3
Reply

Marsh Posté le 20-09-2018 à 15:06:52    

Bonjour mechkurt,
 
Merci beaucoup, en effet, c'est ça que je cherchais à obtenir comme résultat.


Message édité par snowden le 20-09-2018 à 15:32:38

---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed