Verspringing tekst en buttons

[Suchard]

Ik heb een html handtekening gemaakt voor email.

<div id="sig" style=" line-height: 5px; margin: 6px; padding: 8px; border-top: 1px #000 dotted; border-bottom: 1px #000 dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #999; " >
  <p><a href="http://www.decorator.nl" TARGET="_blank"><img src="http://www.decorator.nl/images/signature/LOGO_DECORATOR.png" border="0" width="67" height="70" alt="decorator" style="float: left; padding:0px 30px 10px 0px;"/></a><strong style="color: #999;">Met vriendelijke groeten / With kind regards,</strong><a href="https://twitter.com/#!/I_am_decorator" TARGET="_blank"><img src="http://www.decorator.nl/images/signature/twitter_32.png" border="0" width="32" height="32" alt="twitter" style="float: right; padding: 0px 6px 0 0;" /></a><a href="http://nl.linkedin.com/pub/susanne-van-der-steen/35/4b0/175" TARGET="_blank"><img src="http://www.decorator.nl/images/signature/linkedin_32.png" border="0" width="32" height="32" alt="linkedin" style="float: right; padding: 0px 6px 0 0;" /></a><a href="http://www.facebook.com/susanne.vandersteen.9" TARGET="_blank"><img src="http://www.decorator.nl/images/signature/facebook_32.png" border="0" width="32" height="32" alt="facebook" style="float: right; padding: 0px 6px 6 0;" /></a></p>
  <p><strong style="color: #999;">Susanne van der Steen</strong></p>
  <p>&nbsp;</p>
  <p>Decoratief schilderwerk | Objecten &amp; Ornamenten | Schaalmodellen<a href style="color: #999; text-decoration: none; border-bottom: 0px #999999 dotted;"></a></p>
  <p>Dorshout 32 | 5462 GM VEGHEL | 06 - 20 444 721 | <a href="mailto:myemail@domain.com" style="color: #999; text-decoration: none; border-bottom: 1px #999 dotted;">info@decorator.com</a></div>

Dit is de juiste weergave.

Wanneer ik verzend naar anderen, word ie bv. op deze manier weergegeven.



Zoals je ziet, is de tekstgrootte veranderd en de buttons staan niet mooi aan de rechtse kant.

Heeft iemand ervaring hoe dit op te lossen??

 

[Milenko]

Zoek even op Google welke HTML en CSS tags mag gebruiken. In e-mail kan je bijvoorbeeld geen div's maken.

Daarnaast heb je nog het probleem dat veel browsers (en Outlook) een andere weergave hebben. Je zult dus een beetje moeten spelen en kijken wat het beste uitkomt.

Gr. Milenko

 

[Suchard]

Ik heb de basis van de html handtekening uit deze link, en daar schijnt ie met de div's toch goed te werken

http://allforces.com/2006/04/14/css-signatures/

en verder deze tutorial gebruikt

 

[Suchard]

Helaas niet via deze site, maar het is me toch gelukt!!