AMcoder - javascript, python, java, html, php, sql

HTML էլփոստի ‹tr› թեգի եզրագծի ձևաչափման խնդիր

Ես փորձում եմ աղյուսակը ձևավորել այնպես, որ տողերն առանձնացված լինեն տողերով: Նույնիսկ փորձել եմ օգտագործել ներկառուցված ոճեր, բայց ոչինչ չի ստացվել: Այստեղ ինչ-որ բան կարոտո՞ւմ եմ:

Ակնկալվող արդյունք՝ մուտքագրեք պատկերի նկարագրությունը այստեղ

Արդյունք, որը ես ստանում եմ՝ մուտքագրեք պատկերի նկարագրությունը այստեղ

Ահա perl կոդը, որը ես օգտագործում եմ էլփոստի HTML-ը ստեղծելու համար.

my $section_html = '';
$section_html.=qq(<table><tr style="border : 1px solid black;"><td>Hello1</td><td>Hello2</td></tr><tr style="border : 1px solid black;"><td>Hello3</td><td>Hello4</td></tr></table>);

my $email_html = <<EOF;
<html><head><style type="text/css">
body, td, th, strong { font-family: Verdana; font-size: 11px; }


table {
    border:none;
    border-collapse: collapse;
    text-align:center;
}

table td {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

table th {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

table td:first-child {
    border-left: none;
    text-align:left;
}

table  td:last-child {
    border-right: none;
}

table tr{
border-top : 1px solid #000;
}

table tr{
border-top : 1px solid black;
}


</style></head>
<body bgcolor="#ffffff">
<span style="font-size: 20px">Report Header</span>$section_html</body></html>
EOF

# Write to file
open(FILE, ">/var/weekly_report/"."report"."_"."testing".".html") or die "Unable to open file for writing: $!\n";
print FILE $email_html;
close(FILE);


# Email weekly report
my $msg = MIME::Lite->new(
    To         => '[email protected]',
    Subject => 'Report subject',
    Type    => 'text/html',
    Data    => $email_html);


    $msg->send();

  • Եթե ​​սահմանեք border-collapse: collapse; border: 1px solid black; table տարրի համար, դուք կստանաք այն, ինչ ցանկանում եք, և կարող եք թողնել բոլոր եզրային ոճերը td, th և tr-ից: 05.06.2018
  • @FBergo Ոչ, չաշխատեց… .փոխվեց, հեռացրեց մնացած բոլոր css-ները և փոխեց աղյուսակը $section_html.=qq(‹table style='border-collapse: collapse;border: 1px solid black;'›‹tr› ‹td›Բարև1‹/td›‹td›Hello2‹/td›‹/tr›‹tr›‹td›Hello3‹/td›‹td›Hello4‹/td›‹/tr›‹/table›); 05.06.2018
  • Ստուգեք w3schools.com/cssref/tryit.asp?filename=trycsspse_border-co 05.06.2018
  • Ստեղծված HTML-ը ճիշտ է մատուցվում բրաուզերում, միայն խնդիր է առաջանում HTML-ը outlook-ի միջոցով մատուցելիս 05.06.2018
  • Օհ, նայեք սա, ապա. stackoverflow.com/questions/43462203/ (outlook-ի HTML արտապատկերումն ունի իր տարօրինակությունները) 05.06.2018

Պատասխանները:


1

Որոշ էլփոստի հաճախորդներ (և գուցե բրաուզերներ) մեզ թույլ չեն տալիս ուղղակիորեն ոճավորել <tr> պիտակը: Նաև ավելի անվտանգ է խուսափել :first-child և :last-child կեղծ ընտրիչների վրա հենվելուց, քանի որ դրանք լավ աջակցվում են: փոստով:

Այնուամենայնիվ, մենք կարող ենք հասնել ձեր ցանկալի էֆեկտին՝ ոճավորելով <table> և <td> պիտակները.

table {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
table td,
table th {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

Կարող եք նաև բացարձակ վերահսկողություն ունենալ՝ ներդնելով բոլոր CSS-ները, ինչը դեռ լավ գաղափար է HTML էլ.

05.06.2018

2

Սա հին դպրոց է: Փորձեք նաև այս մեթոդը։ Թեդի պատասխանից տարբերությունն այն է, որ դուք ունեք ամբողջ աղյուսակը նույն գույնի, և նրա պատասխանում դուք կարող եք ընտրել տարբեր td's կամ th's եզրագծերի գույնը:

<table width="100%" border="0" cellspacing="1" cellpadding="2" bgcolor="#000000">
  <tbody>
    <tr>
      <td width="50%" bgcolor="#ffffff">Hello1</td>
      <td width="50%" bgcolor="#ffffff">Hello1</td>
    </tr>
    <tr>
      <td bgcolor="#ffffff">Hello1</td>
      <td bgcolor="#ffffff">Hello1</td>
    </tr>
  </tbody>
</table>

06.06.2018
Նոր նյութեր

Օգտագործելով Fetch Vs Axios.Js-ը՝ HTTP հարցումներ կատարելու համար
JavaScript-ը կարող է ցանցային հարցումներ ուղարկել սերվեր և բեռնել նոր տեղեկատվություն, երբ դա անհրաժեշտ լինի: Օրինակ, մենք կարող ենք օգտագործել ցանցային հարցումը պատվեր ներկայացնելու,..

Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար
Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար Ինչպե՞ս հանգստացնել ձեր միտքը և աշխատեցնել ձեր պրոցեսորը: Ինչպես մնալ հանգիստ և զարգանալ ճնշման տակ...

Մեքենայի ուսուցում բանկային և ֆինանսների ոլորտում
Բարդ, խելացի անվտանգության համակարգերը և հաճախորդների սպասարկման պարզեցված ծառայությունները բիզնեսի հաջողության բանալին են: Ֆինանսական հաստատությունները, մասնավորապես, պետք է առաջ մնան կորի..

Ես AI-ին հարցրի կյանքի իմաստը, այն ինչ ասում էր, ցնցող էր:
Այն պահից ի վեր, երբ ես իմացա Արհեստական ​​ինտելեկտի մասին, ես հիացած էի այն բանով, թե ինչպես է այն կարողանում հասկանալ մարդկային նորմալ տեքստը, և այն կարող է առաջացնել իր սեփական արձագանքը դրա..

Ինչպես սովորել կոդավորումը Python-ում վագրի պես:
Սովորելու համար ծրագրավորման նոր լեզու ընտրելը բարդ է: Անկախ նրանից, թե դուք սկսնակ եք, թե առաջադեմ, դա օգնում է իմանալ, թե ինչ թեմաներ պետք է սովորել: Ծրագրավորման լեզվի հիմունքները, դրա..

C++-ի օրական բիթ(ե) | Ամենաերկար պալինդրոմային ենթաշարը
C++ #198-ի ամենօրյա բիթ(ե), Ընդհանուր հարցազրույցի խնդիր. Ամենաերկար պալինդրոմային ենթատող: Այսօր մենք կանդրադառնանք հարցազրույցի ընդհանուր խնդրին. Ամենաերկար palindromic substring...

Kydavra ICAReducer՝ ձեր տվյալների ծավալայինությունը նվազեցնելու համար
Ի՞նչ է ICAReducer-ը: ICAReducer-ն աշխատում է հետևյալ կերպ. այն նվազեցնում է նրանց միջև բարձր փոխկապակցված հատկանիշները մինչև մեկ սյունակ: Բավականին նման է PCAreducer-ին, չնայած այն..