HTML logo kısmını sabitleyemedim

EC28

Decapat
Katılım
5 Ekim 2021
Mesajlar
20
Yer
İstanbul
Daha fazla  
Cinsiyet
Erkek
Meslek
Freelancer
Görseldeki imza tasarımını HTML şekilde yapmaya çalışıyorum fakat logo kısmını tam olarak sabit yapamadım (Gmail imza kısmına yapıştırınca bozulma oluyor)
Ayrıyeten bilgiler kısmının arkasına eklediğim görseli koymak istiyorum fakat koyamadım yardımcı olabilecek arkadaşlar var mı? HTML dosyasını ekliyorum.

HTML:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Email Signature</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
 <style>
 table{

 border: 0.5px solid #99aeb9;
 }

 </style>
</head>
<BODY style="font-size: 10pt; font-family: Arial, sans-serif;">

<table cellspacing="0" cellpadding="0" style=" background-image: url('arkalogo.png'); COLOR: #262626; width:500px; background: transparent !important;" width="500">
 <tbody>
 <tr>
 <td width="35%" style="width: 35%; padding: 0px; margin: 0px;" valign="top" rowspan="0"><span><img border="0" src="https://imgtr.ee/images/2023/09/27/31e6b70aaa8cf766fb4fbd64c6950df9.png" alt="Banner" width="240" style="width:220px; margin-top: -16px; margin-left: -18px; height:auto; border:0; position: fixed;"></span></td>

 <td width="65%" style=" FONT-SIZE: 10pt; FONT-FAMILY: Arial, sans-serif; width: 65%; COLOR: #262626; line-height:18px; vertical-align: top; padding-left: 80px; margin: 0px;">

 <p style="padding: 0px; margin-bottom: 5px; margin-top: 28px;">
 <span style="FONT-SIZE: 16pt; line-height: 17pt; COLOR: #637986 "><strong>YILMAZ&nbsp;GÜRAY</strong></span>
 <span style="FONT-SIZE: 9pt; line-height: 11pt; COLOR: #637986 padding:0px; margin: 0px;"><br>Kurucu / Founder</strong></span>
 <br>
 </p>

 <p style="padding: 0px; margin-bottom: 15px; margin-top: 45px;" >

 <span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626;padding: 0px; margin: 0px;">T :&nbsp;+90 (216) 540 68 92 (bpx)<br></span>
 <span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626;padding: 0px; margin: 0px;">T :&nbsp;+90 (216) 540 68 92 (bpx)<br></span>
 <span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626;padding: 0px; margin: 0px;">M :&nbsp;<a href="mailto:[email protected]" style="FONT-SIZE: 9pt; COLOR: #262626; text-decoration: none;"><span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626; text-decoration: none;">[email protected]</span></a><br></span>
 <span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626;padding: 0px; margin: 0px;">W :&nbsp;<a href="https://gurayaluminyum.com.tr/" style="FONT-SIZE: 9pt; COLOR: #262626; text-decoration: none;"><span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626; text-decoration: none;">gurayaluminyum.com.tr</span></a><br></span>

 <span style="FONT-SIZE: 9pt; line-height: 13pt; COLOR: #262626;padding: 0px; margin: 0px;">
 M :
 <span>Köseler Mah. KOBİ OSB, 3. Cadde,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;No:60, 41455 Dilovası/Kocaeli<span></span></span>
 <span style="white-space: nowrap;"></span>
 </span>
 <br>
 </p>
 </td>
 </tr>
</tbody>
</table>

</BODY>
</HTML>
 

Dosya Ekleri

  • 29ca43ce-1cb3-465d-8a7f-bb58b9426463.png
    29ca43ce-1cb3-465d-8a7f-bb58b9426463.png
    85,4 KB · Görüntüleme: 44
  • arkalogo.png
    arkalogo.png
    165,4 KB · Görüntüleme: 47
Son düzenleyen: Moderatör:
Selamlar,
Mail yapıları çok daha farklı çalışan yapılar.
Responsive bir görünüm elde etmen açıkcası çok kolay değil.
Eğer kesinlikle html olarak yazacaksan imza yaratıcı sitelerini kullanmanı tavsiye edebilirim.
Bana kalacak olursa yaptığın çalışmanın görüntüsünü alıp kullanman.

Ayrıca ne kadar çok Css kullanırsan o kadar çok spama düşme olasılığı var.
 

Technopat Haberler

Yeni konular

Geri
Yukarı