html - 网页的 HTML/CSS 设计
问题描述
我正在创建一个网页，我已经完成了 99% 的页面。出于某种原因，我无法弄清楚一个小功能的 HTML/CSS 部分。我的设计现在是这样的（图片前的附件）： 图片前
我希望它看起来像这样（以图片为标题的附件）。图片后
如您所见，我几乎完成了所有工作，我只需要在图片上方添加一个小灰色框，上面写着“Feature Presenter 1”等等，但我不知道 HTML/CSS 应该是什么。有人可以修改我下面的 HTML/CSS 代码，使其与后图匹配吗？请有人帮助我，我非常接近完成这个项目。太感谢了
HTML 如下：
<tr>
<td align="center" valign="top" bgcolor="#ffffff" style="background-color:#ffffff;"><table width="700" border="0" cellspacing="0" cellpadding="0" align="center" style="width:700px;" class="em_wrapper">
<tr>
<td width="18" style="width:18px;" class="em_side10"> </td>
<td align="center" valign="top"><table width="668" border="0" cellspacing="0" cellpadding="0" align="center" style="width:668px;" class="em_wrapper">
<tr>
<td align="center" valign="top"><table width="328" border="0" cellspacing="0" cellpadding="0" align="left" style="width:328px;" class="em_wrapper">
<tr>
<td align="center" valign="top"><table width="328" border="0" cellspacing="0" cellpadding="0" align="center" style="width:328px;" class="em_w300">
<tr>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" height="189" style="height:189px;border: solid 2px #4d4d4d; display:block; border-top-left-radius:5px; border-top-right-radius:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr>
<td height="189" align="center" valign="bottom" style="height:189px;"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/026696a00d07148ec092a60c0cd8b8d3.png" width="145" alt="" height="163" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:163px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="12" style="width:12px;" > </td>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="border: solid 2px #4d4d4d; display:block; border-top-left-radius:5px; border-top-right-radius:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr>
<td height="189" style="height:189px;" align="center" valign="bottom"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/787e8651d36187721fdec8615b8e4463.png" width="145" alt="" height="159" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:159px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="328" border="0" cellspacing="0" cellpadding="0" align="right" style="width:328px;" class="em_wrapper">
<tr>
<td align="center" valign="top" class="em_ptop"><table width="328" border="0" cellspacing="0" cellpadding="0" align="center" style="width:328px;" class="em_w300">
<tr>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" height="189" style="height:189px;border: solid 2px #4d4d4d; display:block; border-top-left-radius:5px; border-top-right-radius:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr>
<td height="189" style="height:189px;" align="center" valign="bottom"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/1c43c6297227649ba26e611381191ef9.png" width="145" alt="" height="153" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:153px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="12" style="width:12px;" > </td>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" height="189" style="height:189px;border: solid 2px #4d4d4d; display:block; border-top-left-radius:5px; border-top-right-radius:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr>
<td height="189" style="height:189px;" align="center" valign="bottom"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/887a206a411d8ffd17674ffda4b9a939.png" width="145" alt="" height="157" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:157px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="14" style="width:14px;" class="em_side10"> </td>
</tr>
</table></td>
</tr>
<!-- //four column section -->
CSS如下：
<style type="text/css">
body { margin: 0; padding: 0; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
img { border: 0 !important; outline: none !important; }
td, a, span { border-collapse: collapse; mso-line-height-rule: exactly; }
.ExternalClass * { line-height: 100%; }
.em_defaultlink a { color: inherit !important; text-decoration: none !important; }
.em_black a { text-decoration: none; color: #000000; }
.em_white a { text-decoration: none; color: #ffffff; }
.em_blue a { text-decoration: none; color: #0a75b1; }
.em_grey a { text-decoration: none; color: #4d4d4d; }
.em_g_img + div { display: none; }
@media only screen and (min-width:481px) and (max-width:667px) {
.em_main_table { width: 100% !important; }
.em_wrapper { width: 100% !important; }
.em_hide { display: none !important; }
.em_full_img { width: 100% !important; height: auto !important; }
.em_full_img img { width: 100% !important; height: auto !important; }
.em_side10 { width: 10px !important; }
.em_ptop { padding-top: 20px !important; } /* Padding Left Right Bottom */
.em_h20 { height: 20px !important; font-size: 1px!important; line-height: 1px!important; }
.em_w300 { width: 320px !important; }
.em_w280 { width: 320px !important; }
.em_font_18 { font-size: 27px !important; line-height: 31px !important; }
}
@media screen and (max-width: 480px) {
.em_main_table { width: 100% !important; }
.em_wrapper { width: 100% !important; }
.em_hide { display: none !important; }
.em_full_img { width: 100% !important; height: auto !important; }
.em_full_img img { width: 100% !important; height: auto !important; }
.em_side10 { width: 10px !important; }
.em_side_10 { width: 10px !important; }
.em_ptop { padding-top: 20px !important; } /* Padding Left Right Bottom */
.em_h20 { height: 20px !important; font-size: 1px!important; line-height: 1px!important; }
.em_font_18 { font-size: 18px !important; line-height: 23px !important; }
.em_w300 { width: 300px !important; } /* update the N number as per width */
.em_w280 { width: 300px !important; }
.em_w146 { width: 146px !important; }
.em_aside25 { padding: 0px 25px !important; }
u + .em_body .em_full_wrap { width: 100% !important; width: 100vw !important; }
}
</style>
解决方案
我不知道你想在那里做什么。我可以告诉你，这不是正确的做法。请尝试实施Bootstrap。现在，我正在为您提供解决问题所需的代码。
<tr>
<td align="center" valign="top" bgcolor="#ffffff" style="background-color:#ffffff;"><table width="700" border="0" cellspacing="0" cellpadding="0" align="center" style="width:700px;" class="em_wrapper">
<tr>
<td width="18" style="width:18px;" class="em_side10"> </td>
<td align="center" valign="top"><table width="668" border="0" cellspacing="0" cellpadding="0" align="center" style="width:668px;" class="em_wrapper">
<tr>
<td align="center" valign="top"><table width="328" border="0" cellspacing="0" cellpadding="0" align="left" style="width:328px;" class="em_wrapper">
<tr>
<td align="center" valign="top"><table width="328" border="0" cellspacing="0" cellpadding="0" align="center" style="width:328px;" class="em_w300">
<tr>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="border: solid 2px #9e9f9f; display:block; "><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr><td align="center" valign="top" bgcolor="#9e9f9f" style="background-color:#9e9f9f; color:#fff;">Feature Presenter 1<table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper"></table></td></tr>
<tr>
<td height="189" align="center" valign="bottom" style="height:189px;"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/026696a00d07148ec092a60c0cd8b8d3.png" width="145" alt="" height="163" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:163px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="12" style="width:12px;" > </td>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="border: solid 2px #9e9f9f; display:block; "><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr><td align="center" valign="top" bgcolor="#9e9f9f" style="background-color:#9e9f9f; color:#fff;">Feature Presenter 2<table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper"></table></td></tr>
<tr>
<td height="189" align="center" valign="bottom" style="height:189px;"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/787e8651d36187721fdec8615b8e4463.png" width="145" alt="" height="159" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:159px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="328" border="0" cellspacing="0" cellpadding="0" align="right" style="width:328px;" class="em_wrapper">
<tr>
<td align="center" valign="top" class="em_ptop"><table width="328" border="0" cellspacing="0" cellpadding="0" align="center" style="width:328px;" class="em_w300">
<tr>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="border: solid 2px #9e9f9f; "><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr><td align="center" valign="top" bgcolor="#9e9f9f" style="background-color:#9e9f9f; color:#fff;">Feature Presenter 3<table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper"></table></td></tr>
<tr>
<td height="189" align="center" valign="bottom" style="height:189px;"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/1c43c6297227649ba26e611381191ef9.png" width="145" alt="" height="153" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:153px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="12" style="width:12px;" > </td>
<td align="center" valign="top"><table width="157" border="0" cellspacing="0" cellpadding="0" align="left" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="border: solid 2px #9e9f9f; "><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_wrapper" >
<tr><td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#9e9f9f; color:#fff;">Feature Presenter 4<table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper"></table></td></tr>
<tr>
<td height="189" align="center" valign="bottom" style="height:189px;"><img src="https://tieitapp-cdn1.s3.amazonaws.com/home/tieit/domains/app.tieit.io/public_html/assets/img/email/887a206a411d8ffd17674ffda4b9a939.png" width="145" alt="" height="157" style="display:block; font-family:Arial, sans-serif; font-size:20px; line-height:30px; color:#000000; max-width:145px; height:157px;" class="em_g_img" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#4d4d4d" style="background-color:#4d4d4d; border-bottom-left-radius:5px; border-bottom-right-radius:5px;"><table width="157" border="0" cellspacing="0" cellpadding="0" align="center" style="width:157px;" class="em_wrapper">
<tr>
<td align="center" valign="top" style="padding:0px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="em_white" align="center" valign="top" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;padding:8px 0px; "><span style="font-weight:bold;"><Name></span> <br />
<Institution></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:11px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td align="center" valign="top" bgcolor="#007f3d" style="border-radius:5px;"><table width="125" border="0" cellspacing="0" cellpadding="0" align="center" style="width:125px;">
<tr>
<td class="em_white" align="center" valign="middle" height="56" style="height:56px; font-family: 'Roboto', Arial, sans-serif; font-size:13px; color:#ffffff; font-weight:bold; "><a href="#" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:16px; ">View Participation<br />
Options</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="14" style="width:14px;" class="em_side10"> </td>
</tr>
</table></td>
</tr>
<!-- //four column section -->
推荐阅读
- php - PHP 目录问题，无法使用 (../) 返回目录
- sql - 与直接函数调用相比，为什么 CROSS APPLY with Functions 这么慢？
- javascript - 如何检查对象是否已经在 three.js 场景中然后替换它？
- assembly - 汇编（AT&T 格式）操作数值
- c++ - std::vector 移动而不是交换到空向量并释放存储空间
- java - 二维数组打印第一个负数和每行最后一个之间的元素总和
- android - 如何使用 google 签名按钮确定我是否已登录或注册我的 android 应用程序
- sas - SAS 等价于 rleid 函数
- c# - Linq SelectMany 基于两个属性
- javascript - Elm，模型如何与订阅保持同步？