Autor Zpráva
Pat251
Profil *
Zdravím,
prosím o radu - potřebuji vyrobit firemní podpis pro emaily. Pro rozvržení používám tabulku a styly přes <p style="">. Se styly nemám nikde problém. Nicméně při přeposlání emailu nebo odpovědi na jakýkoliv email, začne tabulka podpisu obtékat obsahem z minulé zprávy.. (ten samý princip jako při obtékání obrázků v MS Word).

Zkoušel jsem kód upravit následovně:
- <table style="float: left; clear:both"> = pro email nefunkční
- to samé pomocí DIVu = pro email nefunkční
- na konec podpisu jsem zadal <br clear="all"> = tato varianta mi funguje v Outlooku a Gmailu, nicméně ne na Seznamu...

Nevíte někdo jak na to? Prosím o laické vysvětlení.. Díky moc.
jefitto44
Profil
Určite nedávaj tabuľke float... skorej jej daj 100% aby to zabrala celé a je po probléme...
float znamená obtekanie, takže to určite nepomôže
Pat251
Profil *
Ozkoušel jsem, bohužel ani nastavení float: 100% nepomohlo.. Celý HTML kód (vím, prasárna):

<table width="568" border="0" align="left" style="clear:all">  
  <tr>  
    <td colspan="3" scope="row">
      <p style="margin-bottom:8px">
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:10.5pt; color:#000000; text-decoration:none; font-style:italic">S pozdravem
        </span>
      </p></td>  
  </tr>  
  <tr>  
    <td colspan="3" scope="row">
      <p style="margin-top:0px; margin-bottom:5px">
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#000000; text-decoration:none; font-style:normal">xx
        </span>
        <br>    
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; text-decoration:none; font-style:italic;">Marketing
        </span>
      </p></td>  
  </tr>  
  <tr>    
    <td colspan="3" scope="row">
      <img src="xx" width="600" height="2" border="0"></td>  
  </tr>  
  <tr>    
    <td colspan="3" scope="row">
      <img style="margin-top:8px; margin-bottom:0px" src="xx" width="150" height="33" border="0" alt="xx" title="xx"></td>  
  </tr>  
  <tr>    
    <td colspan="3" scope="row">
      <p style="padding-top:4px; padding-bottom:4px; margin:0px">
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:10.5pt; font-style:italic; color:#000000">xx
        </span>
      </p></td>  
  </tr>   
  <tr>    
    <td width="201" scope="row">
      <p style="padding-top:0px; padding-bottom:0px; margin:0px">
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; font-weight: bold; color:#000000">Mobile:
        </span>
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; color:#000000; text-decoration:none;"> xx
        </span>
        <br>    
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; font-weight: bold; color:#000000">Office:
        </span>
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; color:#000000; text-decoration:none;"> xx
        </span>
      </p></td>    
    <td width="217">
      <p style="padding-top:0px; padding-bottom:0px; margin:0px">
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; font-weight: bold; color:#000000">E-mail: 
        </span>
        <a style="color:#000" href="xx">
          <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; color:#000; text-decoration: underline;">xx
          </span></a>
        <br>    
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; font-weight: bold; color:#000000">    WWW: 
        </span>
        <a href="xx">
          <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; color:#b91b1b; text-decoration:underline;">xx
          </span></a>
      </p></td>    
    <td width="174">
      <a href="xx">
        <img style src="xx" alt="Facebook" border="0"></a>
      <img src="xx" width="5" height="25" border="0">
      <a href="xx">
        <img src="xx" alt="Google+" border="0"></a>
      <img src="xx" width="5" height="25" border="0">
      <a href="xx">
        <img  src="xx" alt="LinkedIn" border="0"></a>
      <img src="xx" width="5" height="25" border="0">
      <a href="xx">
        <img src="xx" alt="Twitter" border="0"></a></td>  
  </tr>  
  <tr>    
    <td width="568" colspan="3" scope="row">
      <p style="padding-top:0px; padding-bottom:5px; margin:0px">
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; font-weight: bold; color:#000000">Address:
        </span>
        <span style="font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;"> xx
        </span>
      </p></td>  
  </tr>  
  <tr>    
    <td colspan="3" scope="row">
      <a href="xx">
        <img src="xx" width="600" height="50" border="0" title="xx" alt="xx"></a></td>  
  </tr>
</table>
<style>
  <!--
  .moz-txt-sig, .moz-signature { opacity: inherit !important; }
  -->
</style><br clear="all">
martin1312
Profil
Width: 100%, nie float.
jefitto44
Profil
table width="100%",
ale lepšie je to dať ako table style="width:100%;"
Pat251
Profil *
Díky moc. Funguje. Super!

Mohu ještě poslední dotaz? Při otestování jsem si v klientech Outlook.com a Gmail všiml ještě jedné vady - opět při přeposílání - dojde k roztáhnutí řádků tabulky(do výšky) ... Zkoušel jsem pevné nastavení řádků ale ee.

jefitto44
Profil
Nie je tam nejaký padding/margin, alebo cellpadding, či cellspacing?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: