Programim dhe zhvillim, javascript, python, php, html

Si të stiloni një lidhje hiper si një buton me mbushje pa imazhe në mënyrë që të jepet saktë në Outlook?

Unë kam HTML-në e mëposhtme të thjeshtë - https://jsfiddle.net/mark69_fnd/6g0L0jwc/

<body style="background-color: white; font: normal 14px Verdana">
Hello
<p></p>
<a style="
  font: bold 11px;
  text-decoration: none;
  background-color: blue;
  padding: 10px;
  color: white;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;"
  href="http://www.google.com">ACTIVATE YOUR ACCOUNT</a>
<p></p>
Good bye
</body>

Tani po përpiqem të shoh se si paraqitet kur dërgohet me email duke përdorur shërbimin në https://putsmail.com.

Në gmail:

fut përshkrimin e imazhit këtu

Në Outlook:

fut përshkrimin e imazhit këtu

A është e mundur të ndryshohet kodi HTML në një mënyrë që Outlook të shfaq butonin me mbushje, siç bën Gmail?

Fatkeqësisht, nuk mund të përdor imazhe, por gjithçka tjetër është në rregull.

EDIT 1

Përgjigja e LGSon

<body style="background-color: white; font: normal 14px Verdana">
Hello <br>
<div style="display: inline-block;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;">
  <a style="display: inline-block;
  font: bold 11px;
  background-color: blue;
  border: 10px solid blue;
  text-decoration: none;
  color: white;"
  href="http://www.google.com">ACTIVATE YOUR ACCOUNT</a>
</div>
<br> Good bye
</body>

gjeneron rezultatin e mëposhtëm në Outlook:

fut përshkrimin e imazhit këtu

E cila është shumë afër asaj që më nevojitet, por shiriti i bardhë që shtrihet përgjatë faqes është në rrugë.

html email outlook
19.09.2016

Përgjigjet:


1

A do të funksionojë kjo?

<body style="background-color: white; font: normal 14px Verdana">
    Hello <br>
    <a style="display: inline-block;
      font: bold 11px;
      background-color: blue;
      border: 20px solid blue;
      text-decoration: none;
      color: white;"
      href="http://www.google.com">ACTIVATE YOUR ACCOUNT</a>
    <br> Good bye
    </body>

19.09.2016
  • @mark Ndryshuar në span dhe rrit kufirin në 20, a do të funksionojë kjo në Outlook? (nuk kam perspektivë ndaj nuk mund ta provoj veten) 20.09.2016
  • @mark Perfect, dhe mirë të di kur dua diçka të ngjashme :) 20.09.2016
  • Në fakt, tani ka një problem me klientin e Gmail :-(. Nuk e njeh hiperlidhjen ... Oh my... 20.09.2016
  • @mark Oh my ... edhe unë :) ... Po sikur thjesht të lësh span, a do të funksionojë kjo? ... Shton vetëm kufirin 1 px, të cilin mezi mund ta shohësh gjithsesi ... nëse jo, do t'ju duhet të ktheheni te tabela/qelizat klasike 20.09.2016
  • Punon pa hapësirë ​​si në GMail ashtu edhe në Outlook. Ju lutemi, përditësoni përgjigjen tuaj. 20.09.2016
    • Materiale të reja
    Masterclass Coroutines: Kapitulli-3: Anulimi i korutinave dhe trajtimi i përjashtimeve.
    Mirë se vini në udhëzuesin gjithëpërfshirës mbi Kotlin Coroutines! Në këtë seri artikujsh, unë do t'ju çoj në një udhëtim magjepsës, duke filluar nga bazat dhe gradualisht duke u thelluar në..
    Faketojeni derisa ta arrini me të dhënat false
    A e gjeni ndonjëherë veten duke ndërtuar një aplikacion të ri dhe keni nevojë për të dhëna testimi që duken dhe duken më realiste ose një grup i madh të dhënash për performancën e ngarkesës...
    Si të përdorni kërkesën API në Python
    Kërkesë API në GitHub për të marrë depot e përdoruesve duke përdorur Python. Në këtë artikull, unë shpjegoj procesin hap pas hapi për të trajtuar një kërkesë API për të marrë të dhëna nga..
    Një udhëzues hap pas hapi për të zotëruar React
    Në këtë artikull, do të mësoni se si të krijoni aplikacionin React, do të mësoni se si funksionon React dhe konceptet thelbësore që duhet të dini për të ndërtuar aplikacione React. Learning..
    AI dhe Psikologjia — Pjesa 2
    Në pjesën 2 të serisë sonë të AI dhe Psikologji ne diskutojmë se si makineritë mbledhin dhe përpunojnë të dhëna për të mësuar emocione dhe ndjenja të ndryshme në mendjen e njeriut, duke ndihmuar..
    Esencialet e punës ditore të kodit tim VS
    Shtesat e mia të preferuara - Git Graph 💹 Kjo shtesë është vërtet e mahnitshme, e përdor përpara se të filloj të punoj për të kontrolluar dy herë ndryshimet dhe degët më të fundit, mund të..
    Pse Python? Zbulimi i fuqisë së gjithanshme të një gjiganti programues
    Në peizazhin gjithnjë në zhvillim të gjuhëve të programimit, Python është shfaqur si një forcë dominuese. Rritja e tij meteorike nuk është rastësi. Joshja e Python qëndron në thjeshtësinë,..