2013-11-14 32 views
7

Şu anda tarayıcılarda ve gmail yoluyla iyi bir html e-postası ile bazı problemleri çözmeye çalışıyorum ama maalesef görünümü dikey olarak hizalayarak görünümde sorunlar yaşıyorum (alt kısma yapışır).Görünümde dikey dikey hizalama [with pictures] [resim]

Bu görüntü neyin yanlış gösterir:

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr> 

Herhangi bir fikir bunu düzeltmek için?

cevap

10

valign="middle" ekleyin ve <td> bir yükseklik Eğer metin dikey merkezli istiyorum: Yatay dikey hizalama için

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr> 

html e-postada, hep kullanmak,

valign="top|middle|bottom" ve

align="left|center|right" hizalaması.

Sadece aynı <td> elemana height="" veya width="" set lazım hatırlıyorum. Beni o iş yapmak için

+2

Bunu denedim, maalesef şans yok. – user2619611

+2

@ user2619611 Hat yüksekliğinizden kurtulun, metninizi aşağı itiyor. – John

+2

Yüksekliği ayarlama, çizgi yüksekliğini ve onaylamayı kaldırdı, teşekkürler! – user2619611

1

, önemli bir HTML özellikleri olarak height ve align="center" belirtmek ve CSS style eleman height çoğaltmak için oldu.

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

Hizalama sorunu tüm Kelime bazlı bakış açısının (- 2016 2007) görüldü.