ব্রাউজার উইন্ডোতে (বা ইমেল ক্লায়েন্টের পূর্বরূপ ফলকে) আপনার এইচটিএমএল ইমেল সামগ্রীকে কেন্দ্র করার সর্বোত্তম উপায় কী?

Question 1

আমি সাধারণত margin:0 autoআমার স্ট্যান্ডার্ড ব্রাউজার ভিত্তিক সামগ্রীর জন্য 960 ধারক সহ সিএসএস বিধিগুলি ব্যবহার করি তবে আমি এইচটিএমএল ইমেল তৈরিতে নতুন এবং আমি নিম্নলিখিত ডিজাইনটি পেয়েছি যা আমি এখন স্ট্যান্ডার্ড সিএসএস ছাড়াই ব্রাউজার উইন্ডোতে কেন্দ্র করতে চাই like ।

http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html

আমি কোথাও দেখে মনে পড়ে যাচ্ছি যে এটি আপনার ইমেল টেবিলের নকশাকে বাইরের টেবিলে সেট করে গুটিয়ে রেখে এবং কারো width:100%জন্য কিছু কিছু ইনলাইন স্টাইল ব্যবহার text-align:centerকরে বা এটি করার জন্য এটি সম্পাদন করা যায়?

এর জন্য কি সেরা অনুশীলন আছে?

Question 2

টেবিলটিকে কেন্দ্র করে সারিবদ্ধ করুন।

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">
            Your Content
        </td>
    </tr>
</table>

আপনার যদি "আপনার সামগ্রী" থাকে তবে এটি যদি কোনও টেবিল হয় তবে এটি পছন্দসই প্রস্থে সেট করুন এবং আপনার কাছে কেন্দ্রিক সামগ্রী থাকবে।

Question 3

গুগলার এবং সম্পূর্ণতার জন্য:

এইচটিএমএল ইমেল-টেম্পলেট বা স্বাক্ষরগুলি বাস্তবায়নের যন্ত্রণার মধ্য দিয়ে যাওয়ার প্রয়োজন হলে আমি সর্বদা এটি ব্যবহার করি: http://www.campaignmonitor.com / CSS

আমি বেশিরভাগ ক্ষেত্রে সিএসএস বিকল্পের জন্য সিএসএস সমর্থনের একটি তালিকা করছি, বেশিরভাগ ব্যবহৃত ইমেল ক্লায়েন্টের মধ্যে সুন্দরভাবে তুলনা করা।

কেন্দ্রীকরণের জন্য, কেবল CSS ব্যবহার করতে নির্দ্বিধায় ( alignবৈশিষ্ট্যটি হ্রাস করা হয়েছে HTML 4.01)।

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td style="text-align: center;">
            Your Content
        </td>
    </tr>
</table>

Question 4

টেবিল প্রান্তিককরণ = "কেন্দ্র" ... এটি পৃষ্ঠার সারণি কেন্দ্রটিকে প্রান্তিক করে তোলে।

টিডি অ্যালাইন = "কেন্দ্র" ব্যবহার করে সেই টিডির অভ্যন্তরস্থ সামগ্রীকে কেন্দ্র করে, কেন্দ্রিক প্রান্তিক পাঠ্যের জন্য দরকারী তবে আপনার কিছু ইমেল ক্লায়েন্টদের সাথে বিষয়গুলি উপ-স্তরের টেবিলগুলিতে কেন্দ্রীভূত করতে পারে তাই টিডি ব্যবহার করে আপনার "ধারক" কে কেন্দ্র করার শীর্ষ স্তরের পদ্ধতি হিসাবে ব্যবহার করুন পৃষ্ঠায় সারণী এটি করার উপায় নয়। পরিবর্তে টেবিল প্রান্তিককরণ ব্যবহার করুন।

আপনার ইমেল ক্লায়েন্টগুলি শরীরের পটভূমির রঙগুলি প্রদর্শন না করে তবে এটি আপনার 100% টেবিলের সাহায্যে প্রদর্শন করবে, সুতরাং আপনার দেহের বর্ণটি শরীরের এবং 100 টির সাথে যুক্ত করুন, তাই আপনার 100% মোড়কের টেবিলটিও পুরোপুরি দেহের জন্য মোড়ক হিসাবে ব্যবহার করুন % টেবিল।

আমি যুগ যুগ ধরে এইচটিএমএল ইমেইল ডেভেলের সমস্ত কীর্তিগুলি নিয়ে যেতে পারি। আমি যা বলতে পারি তা হ'ল আবার পরীক্ষা এবং পরীক্ষা। ইমেল পরীক্ষার জন্য লিটমাস.কম একটি দুর্দান্ত সরঞ্জাম।

কোন ইমেল ক্লায়েন্টগুলিতে কী কাজ করে সে সম্পর্কে আপনি যত বেশি করুন আপনি তত বেশি শিখবেন।

আশাকরি এটা সাহায্য করবে.

Question 5

আপনার বুলেটপ্রুফ সমাধান এখানে:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="33%" align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:2px; color:#ffffff;">.</td>
    <td width="35%" align="center" valign="top">
      CONTENT GOES HERE
    </td>
    <td width="33%" align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:2px; color:#ffffff;">.</td>
  </tr>
</table>

এটি চেষ্টা করে দেখুন, কিছুটা অগোছালো লাগছে, তবে এটি ইয়াহু মেলের জন্য নতুন ফায়ারফক্স আপডেটের সাথেও কাজ করে। (ইমেলটিকে কেন্দ্র করে না কারণ মূল টেবিলটি একটি ডিভ দ্বারা প্রতিস্থাপন করা হয়)

Question 6

ইমেলের সিএসএস একটি ব্যথা। দুর্ভাগ্যক্রমে আপনার সম্ভবত টেবিলগুলির প্রয়োজন হবে কারণ সমস্ত ইমেল ক্লায়েন্টগুলিতে CSS ব্যাপকভাবে সমর্থিত নয়।

এটি বলেছিল, এক্সএইচটিএমএল নয়, এইচটিএমএল ট্রানজিশনাল ডক্টইপিই ব্যবহার করুন এবং ব্যবহার করুন <center>।

Question 7

আমি আউটলুক এবং Office365 এর সাথে লড়াই করছিলাম। আশ্চর্যজনকভাবে কাজটি দেখে মনে হয়েছিল এটি হ'ল:

<table align='center' style='text-align:center'>
  <tr>
    <td align='center' style='text-align:center'>
      <!-- AMAZING CONTENT! -->
    </td>
  </tr>
</table>

আমি কেবল কয়েকটি মূল বিষয় তালিকাভুক্ত করেছি যা আমার মাইক্রোসফ্ট ইমেল সমস্যাগুলি সমাধান করেছে।

আমি যে ইমেলটি যুক্ত করব যা সমস্ত ইমেলগুলিতে দুর্দান্ত দেখায় তা বেদনা। এই ওয়েবসাইটটি পরীক্ষার জন্য দুর্দান্ত ছিল: https://putsmail.com/

এটি আপনাকে আপনার পরীক্ষা ইমেলটি প্রেরণ করতে চাইলে সমস্ত ইমেল তালিকাভুক্ত করতে দেয়। আপনি আপনার কোডটি সরাসরি উইন্ডোতে আটকানো, সম্পাদনা, প্রেরণ এবং পুনরায় পাঠাতে পারেন। এটি আমাকে এক টন সহায়তা করেছে।

Question 8

কিছু ক্ষেত্রে আউটলুক 2007, 2010, 2013-তে কোনও এইচটিএমএল ইমেল প্রান্তিককরণ করার সময় মার্জিন = "0 অটো" সরিষা কাটবে না।

নিম্নলিখিত চেষ্টা করুন:

আপনার বিষয়বস্তুটি অন্য টেবিলের সাথে স্টাইল = "টেবিল-বিন্যাস: স্থির; এবং প্রান্তিককরণ = "কেন্দ্র"।

<!-- WRAPPING TABLE -->
<table cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed;" align="center">
  <tr>
    <td>
      <!-- YOUR TABLES AND EMAIL CONTENT GOES HERE -->
    </td>
  </tr>
</table>