Autor Zpráva
krytinaradam
Profil
Dobrý den,

potřeboval bych poradit ve věci umístění obrázku v e-mailovém podpisu. Potřeboval bych, aby byl obrázek "xxx.png" vertikálně centrovaný na středu uvedeného textu "Firma s.r.o., Nějaká adresa,...". Atribut vertical-align mně nechce fungovat. Současně bych potřeboval poradit tak, aby toto vertikální umístění fungovalo i v poštovním klientu MS Outlook, popř. Thunderbird. Předem děkuji za všechny podněty.

<body>
<table cellspacing="0" cellpadding="0" border="0" frame="void" rules="none">
<br><br>
<tbody>

<tr>
<td valign="top" colspan="2" style="padding-left: 0px; padding-top: 0px; padding-bottom: 10px; padding-right: 0px;">
<p><span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #000000; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 10pt;">S přáním příjemně stráveného dne</span></p>
</td>
</tr>

<tr>
<td valign="top" colspan="2" style="padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;">
<p><span style="text-align: left; color: #000000; font-family: 'Arial', sans-serif; font-size: 10pt; font-weight: bold">Adam Krytinář</span><br>
<span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #000000; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 10pt;">Zkouškové oddělení</span><br></p>
</td>
</tr>

<tr>
<td width="100%" valign="top" style="padding-left: 0px; padding-top: 10px; padding-bottom: 4px; padding-right: 0px;">
<p><a href="http://www.xxxxxxx.cz/"><img align="left" style="margin-right: 5px; nosend: 1;" src="img/xxx.png" border="0" width="75" height="70" alt="XXX" title="XXXXXX"></a>
<span style="text-align: left; color: #000000; font-family: Arial; font-size: 10pt; font-style: normal; font-weight: normal; position: relative; top: 0px; left: 7px;">Firma s.r.o. <br>Nějaká adresa <font size="1" color="#B9B9B9">|</font> XXX XX Město <font size="1" color="#999999">|</font> Česká republika<br> tel (+420) 571 499 499 <font size="1" color="#999999">|</font> mob (+420) XXX XXX XXX <font size="1" color="#999999">|</font> fax (+420) XXX XXX XXX<br> email xxxx.xxxxxx@xxxxxxx.cz <font size="1" color="#999999">|</font> web www.xxxxxxx.cz</span></td></p>
</tr>

</tbody>
Trejpa
Profil
krytinaradam:
Podle čeho by ten plovoucí obrázek měl poznat střed několikařádkového textu vedle sebe?

První dva řádky tabulky máš s jednou buňkou s atributem na spojení dvou sloupců (v buňce na třetím řádku ti atribut chybí). Pokud není sloupců použito v jiném místě tabulky, kterou jsi neuvedl celou, tak toho můžeš využít zde a rozdělit ji na dva sloupce, případně zanořit druhou dvousloupcovou tabulku. Levá buňka bude obsahovat jen obrázek a pravá adresu firmy. Levé buňce můžeš nastavit vertikální centrování. A obrázku také, kdyby ti vadila mezera.

<table width="100%" border=0>
  <tr>
    <td valign=middle>
      <img src=obrazek.png align=middle>
    <td>
      Firma s.r.o.<br>
      Nějaká adresa
  <tr>
    <td colspan=2>
      e-mail a web
</table>


Na řádku 22 máš chybu, značku </p> mimo buňku tabulky.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0