Formattazione firma email

[snowluk]

Ciao a tutti...
dopo giorni a rompermi il capo dietro ad una semplice firma email in html ho gettato la spugna e spero che qualche buon'anima possa venirmi in aiuto.

A vedere i tutorial presenti sul web sembrerebbe la cosa pi� facile del mondo ma nella pratica io sto avendo notevoli difficolt�.

La particolarit� della firma che voglio realizzare � che l'immagine del logo dell'azienda (quadrato) deve stare sulla sinistra e tutto il testo a destra.

Ho iniziato provando con l'editor di Outlook ma con scarsi risultati, cos� ho optato per scaricare thunderbird e devo dire che � molto pi� completo e gestibile.

Ho impostato la firma creando una tabella di una riga e 2 colonne, inserendo l'immagine a sinistra e il testo a destra.
La cosa che mi sta facendo dannare � che l'immagine viene ridimensionata in base ai vari client e non riesco a capire dove sbaglio.

Il problema � che il testo sulla destra dell'immagine deve essere all'interno dell'altezza dell'immagine stessa, altrimenti esteticamente fa pena, e quindi per avere una situazione accettabile sui vari client ho dovuto sovradimensionare l'immagine che quindi in alcuni client � a filo con il testo (mail su Iphone e Ipad) in altri � molto pi� grande (mail di Windows).
Insomma, questa mancanza di gestione mi infastidisce e spero che sia dovuta a qualche mio errore, visto che non sono per niente pratico di html.

Se servono maggiori informazioni ve le dar� volentieri.
Grazie in anticipo.

[Vincent.Zeno]

per iniziare cominciamo col vedere il codice.
considera comunque che, i programmi di posta, sono browser rudimentali.
quindi non possiamo (e ne dobbiamo) aspettarci più di tanto

[snowluk]

<div class="moz-signature">
  <div class="moz-text-html" lang="x-western">
    <div class="moz-signature">
      <div class="moz-signature">
        <div class="moz-signature">
          <div class="moz-signature">
            <div class="moz-signature">
              <div class="moz-signature">
                <div class="moz-signature">
                  <div class="moz-signature">
                    <div class="moz-signature">
                      <div class="moz-signature">
                        <div class="moz-signature">
                          <div class="moz-signature">
                            <table height="185" border="0"
                              cellpadding="0" cellspacing="0"
                              width="541">
                              <tbody>
                                <tr>
                                  <td valign="top">
                                    <table height="179" border="0"
                                      cellpadding="1" cellspacing="1"
                                      width="535">
                                      <tbody>
                                        <tr>
                                          <td height="180" align="right"
                                            valign="bottom" width="155"><a
                                              href="http://www.usam.it/"><img
                                                shrinktofit="true"
                                                alt="Logo Usam"
src="imap://bertalliluca%40gmail%2Ecom@imap.gmail.com:993/fetch%3EUID%3E/INBOX%3E8088?part=1.2.2&amp;filename=Usam%20Utensilerie_MAIUSCOLO_HD_80X90_firma.jpg"
                                                height="193" border="0"
                                                width="168"></a><br>
                                          </td>
                                          <td height="170" align="left"
                                            valign="bottom"><font
                                              size="-2"><a
                                                href="mailto:luca.bertalli@usam.it?subject=Richiesta"><font
                                                  face="Verdana"><b><font
                                                      color="#0957c3">Luca


                                                      Bertalli</font></b></font></a><br>
                                              <font face="Verdana">tel
                                                +39 340 17 08 609<br>
                                                <br>
                                              </font> <font
                                                face="Verdana"><b><font
                                                    color="#0957c3">Usam
                                                    s.r.l.</font></b></font><br>
                                              <font face="Verdana">Via
                                                Dante, 38 |28010 | Briga
                                                Novarese (NO) | Italy</font><br>
                                              <font face="Verdana">tel
                                                +39 0322 91 35 25 | fax
                                                +39 0322 91 35 35</font><br>
                                              <font face="Verdana">whatsapp




                                                +39 346 35 18 492</font><br>
                                              <font face="Verdana"><a
                                                  class="moz-txt-link-abbreviated"
href="mailto:info@usam.it">info@usam.it</a></font><br>
                                              <font face="Verdana"><a
                                                  class="moz-txt-link-abbreviated"
href="http://www.usam.it">www.usam.it</a></font><br>
                                              <font face="Verdana">Follow


                                                us on <a
                                                  href="https://www.facebook.com/Usam-Utensilerie-263069027416339/"><img
                                                    shrinktofit="true"
                                                    alt="Facebook"
src="imap://bertalliluca%40gmail%2Ecom@imap.gmail.com:993/fetch%3EUID%3E/INBOX%3E8088?part=1.2.3&amp;filename=F_icon.jpg"
                                                    height="15"
                                                    border="0"
                                                    width="15"></a> <a
href="http://www.instagram.com/usam.diffusionemeccanica"><img
                                                    shrinktofit="true"
                                                    alt="Instagram"
src="imap://bertalliluca%40gmail%2Ecom@imap.gmail.com:993/fetch%3EUID%3E/INBOX%3E8088?part=1.2.4&amp;filename=instagram%20new.jpg"
                                                    height="15"
                                                    border="0"
                                                    width="15"></a></font><br>
                                            </font></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <div align="left"><br>
                                      <font size="-2"><font
                                          face="Verdana"> </font></font>
                                    </div>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p> <b><span
                                  style="font-size:9.0pt;line-height:107%;
                                  font-family:&quot;Calibri&quot;,sans-serif;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:Calibri;mso-fareast-theme-font:minor-latin;mso-hansi-theme-font:minor-latin;




                                  mso-bidi-font-family:&quot;Times New
                                  Roman&quot;;mso-bidi-theme-font:minor-bidi;
                                  color:#595959;mso-themecolor:text1;mso-themetint:166;mso-style-textfill-fill-color:
#595959;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:
100.0%;mso-style-textfill-fill-colortransforms:&quot;lumm=65000




                                  lumo=35000&quot;;
mso-ansi-language:IT;mso-fareast-language:EN-US;mso-bidi-language:AR-SA"></span></b></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

[Vincent.Zeno]

prova a settare l'altezza delle righe del testo in px,
poi fai la somma delle righe a moltiplichi per l'altezza.
questa dovrebbe essere la tua misura di riferimento per definire l'altezza dell'immagine.
verifica se l'interlinea aggiunge altro spazio

[snowluk]

prova a settare l'altezza delle righe del testo in px,
poi fai la somma delle righe a moltiplichi per l'altezza.
questa dovrebbe essere la tua misura di riferimento per definire l'altezza dell'immagine.
verifica se l'interlinea aggiunge altro spazio

Ok grazie, oggi provo!

[snowluk]

Ok, è ufficiale, non riesco a settare l'altezza del testo in px, come devo fare?

[Vincent.Zeno]

http://www.w3schools.com/cssref/pr_dim_line-height.asp

[snowluk]

Grazie