Résolu Problème code html

Solutions (3)
Tags :
  • Style
  • Html
|
Bonjour à tous,

Je suis novice en matière d'HTML et en ce moment crée une signature pour ma boite mail.
Seulement, je n'arrive pas à aligner le logo linkedin avec sa phrase sous celui de facebook.

Pouvez-vous m'aider ?
Voici le code. Merci d'avance.

<div id="sig" style="min-height: 60px; line-height: 14px; margin: 0; padding: 20px 0; border-top: 1px #bace3c dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #000; min-width: 530px;" >
<img src="http://www.lbadijon.com/images/logo-lba-centre-affaires..." width="142" height="100" style="float: left; padding: 10 10px 0 0;" /><br />
<span style="color: #5e2482; font-size:10px;">Sandrine Riger | Direction</span><br />
<strong style="color:#42003e;">LBA centres d'affaires </strong><br/>
10 av. Foch - immeuble "Le Mazarin"<br/> bât A - 2ème étage et 3ème étage / 21000 Dijon<br />
03 80 37 37 60 <br />
<strong>
<a href="mailto:D irecttion@lbadijon.com" style="color: #5e2482; text-decoration: none; border-bottom: 1px #333333 dotted;">contact@lbadijon.com</a> /
<a href="http://www.lbadijon.com" style="color:#5e2482; text-decoration:none; border-bottom: 1px #333333 dotted;" target="-blank">www.lbadijon.com&lt;/a></strong><br />
<a href="https://www.facebook.com/pages/LBA-Centres-dAffaires/37..." style="color: #5e2482; text-decoration: none; border-bottom: 1px #333333 dotted;"><img src="http://www.lbadijon.com/images/faceBook-icone.png" style="float: left; padding: 8 10px 0 0;" /></a>
<a href="https://www.facebook.com/pages/LBA-Centres-dAffaires/37..." style="float: left; padding: 16 10px 12 0; color: #5e2482; text-decoration: none;">Rejoignez-nous sur facebook</a><br />
<a href="http://www.linkedin.com/profile/view?id=190459519&local..." style="color: #5e2482; text-decoration: none; border-bottom: 1px #333333 dotted;"><img src="http://www.lbadijon.com/images/linkedinicon" width="31" height="31" style="float: left; padding: 35 15px 0 0;" /></a>
<a href="http://www.linkedin.com/profile/view?id=190459519&local..." style="float: left; padding: 45 8px 20 0; color: #5e2482; text-decoration: none;">Follow me on twitter</a><br />


</div>
Contenus similaires
Meilleure solution
partage
|
1. Il faut que ton image représente toute la marge gauche de ta signature ex: hauteur à 150 au lieu de 100
  1. <img src="http://www.lbadijon.com/images/logo-lba-centre-affaires..." width="142" height="150" style="float: left; padding: 10 10px 0 0;" /><br />

2. ...
  1. <P>
  2. <a href="https://www.facebook.com/pages/LBA-Centres-dAffaires/37...">
  3. <img border=0 width=30 height=30 id="_x0000_i1026" src="http://www.lbadijon.com/images/faceBook-icone.png" alt="http://www.lbadijon.com/images/faceBook-icone.png">
  4. </a>
  5. <a href="https://www.facebook.com/pages/LBA-Centres-dAffaires/37...">
  6. <span style='color:#5E2482;text-decoration:none;text-underline:none'>Rejoignez-nous sur facebook</span>
  7. </a><br>
  8.  
  9. <a href="http://www.linkedin.com/profile/view?id=190459519&local...">
  10. <img border=0 width=31 height=31 id="_x0000_i1025" src="http://www.lbadijon.com/images/linkedinicon" alt="http://www.lbadijon.com/images/linkedinicon">
  11. </a>
  12. <a href="http://www.linkedin.com/profile/view?id=190459519&local...">
  13. <span style='color:#5E2482;text-decoration:none;text-underline:none'>Follow me on twitter </span>
  14. </a>
  15.  
  16. </p>

...
  • andrelec1 a édité ce message
  • andrelec1 a édité ce message
  • andrelec1 a édité ce message
  • camillemb21 a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |
Score
0
òh
òi
|
  1. <HTML>
  2. <BODY>
  3. <div id="sig" style="min-height: 60px; line-height: 14px; margin: 0; padding: 20px 0; border-top: 1px #bace3c dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #000; min-width: 530px;" >
  4. <img src="http://www.lbadijon.com/images/logo-lba-centre-affaires..." width="142" height="150" style="float: left; padding: 10 10px 0 0;" /><br />
  5. <span style="color: #5e2482; font-size:10px;">Sandrine Riger | Direction</span><br />
  6. <strong style="color:#42003e;">LBA centres d'affaires </strong><br/>
  7. 10 av. Foch - immeuble "Le Mazarin"<br/> bât A - 2ème étage et 3ème étage / 21000 Dijon<br />
  8. 03 80 37 37 60 <br />
  9. <strong>
  10. <a href="mailto:D irecttion@lbadijon.com" style="color: #5e2482; text-decoration: none; border-bottom: 1px #333333 dotted;">contact@lbadijon.com</a> /
  11. <a href="http://www.lbadijon.com" style="color:#5e2482; text-decoration:none; border-bottom: 1px #333333 dotted;" target="-blank">www.lbadijon.com</a></strong><br />
  12. </span></a></span></strong></span>
  13. <P>
  14. <a href="https://www.facebook.com/pages/LBA-Centres-dAffaires/37...">
  15. <img border=0 width=30 height=30 id="_x0000_i1026" src="http://www.lbadijon.com/images/faceBook-icone.png" alt="http://www.lbadijon.com/images/faceBook-icone.png">
  16. </a>
  17. <a href="https://www.facebook.com/pages/LBA-Centres-dAffaires/37...">
  18. <span style='color:#5E2482;text-decoration:none;text-underline:none'>Rejoignez-nous sur facebook</span>
  19. </a><br>
  20.  
  21. <a href="http://www.linkedin.com/profile/view?id=190459519&local...">
  22. <img border=0 width=31 height=31 id="_x0000_i1025" src="http://www.lbadijon.com/images/linkedinicon" alt="http://www.lbadijon.com/images/linkedinicon">
  23. </a>
  24. <a href="http://www.linkedin.com/profile/view?id=190459519&local...">
  25. <span style='color:#5E2482;text-decoration:none;text-underline:none'>Follow me on twitter </span>
  26. </a>
  27.  
  28. </p>
  29. </div>
  30. </body>
  31. </html>
  • andrelec1 a édité ce message
  • Commenter cette réponse |
Score
0
òh
òi
|
Merci mais je ne suis vraiment pas douer pourrais-tu me redonner le codage en entier du début à le fin.

merci 1000 fois
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS