Re: Module code issues- Help anyone?

Angie_Zarate · ‎04-16-2019

I would like to get the module to look like this. The full width of the email.

Currently it is looking like this. Not to the edge and the second speaker not coming up to the first row.

This is a combination of two templates so the code reads different but I am attaching it. Can anyone help me figure out 2 things?

1.) get the width to be the same

2.) the second speaker to be on the first row.

Thanks Below is the code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

* {

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

html,

body {

margin: 0;

padding: 0;

}

body {

margin: 0 auto!important;

padding: 0;

font-family: Arial, sans-serif;

-webkit-text-size-adjust: 100%!important;

-ms-text-size-adjust: 100%!important;

-webkit-font-smoothing: antialiased!important;

}

a[x-apple-data-detectors] {

color: inherit!important;

text-decoration: none!important;

font-size: inherit!important;

font-family: inherit!important;

font-weight: inherit!important;

line-height: inherit!important;

}

img {

border: 0!important;

outline: none!important;

}

.btn a {

display: block;

}

table {

border-spacing: 0;

mso-table-lspace:0;

mso-table-rspace:0;

border-collapse: collapse;

}

th {

margin: 0;

padding: 0;

}

div,

td,

a,

span {

mso-line-height-rule: exactly;

}

ul {

margin: 0;

padding: 0;

padding-left: 20px;

}

li {

margin: 0;

padding-top: 5px;

}

ul li {

color: #00a1de;

}

ul li span {

color: #505050;

}

.margin-left-30 {

margin-left: 30px;

mso-table-lspace:30px;

}

.margin-right-30 {

margin-right: 30px;

mso-table-rspace:30px;

}

.text-align-left--right {

text-align: left;

}

[owa] .col,

.col {

display: table-cell!important;

}

.container {

width: 600px;

min-width: 600px!important;

}

.w378 {

width: 378px;

min-width: 378px!important;

}

.w374 {

width: 374px;

min-width: 374px!important;

}

.w348 {

width: 348px;

min-width: 348px!important;

}

.w334 {

width: 334px;

min-width: 334px!important;

}

.w326 {

width: 326px;

min-width: 326px!important;

}

.w300 {

width: 300px;

min-width: 300px!important;

}

.w250 {

width: 250px;

min-width: 250px!important;

}

.w240 {

width: 240px;

min-width: 240px!important;

}

.w192 {

width: 192px;

min-width: 192px!important;

}

.w162 {

width: 162px;

min-width: 162px!important;

}

.w144 {

width: 144px;

min-width: 144px!important;

}

.w106 {

width: 106px;

min-width: 106px!important;

}

.w60 {

width: 60px;

min-width: 60px!important;

}

.w40 {

width: 40px;

min-width: 40px!important;

}

.w30 {

width: 30px;

min-width: 30px!important;

}

.w20 {

width: 20px;

min-width: 20px!important;

}

@media only screen and (max-width:599px) {

.mob-center {

text-align: center!important;

}

.mob-centered {

margin: 0px auto;

float: none!important;

}

.mob-full {

min-width: 100%!important;

width: 100%!important;

height: auto!important;

}

.col {

display: block!important;

}

.margin-left-30 {

padding-left: 0!important;

}

.margin-right-30 {

padding-right: 0!important;

}

.text-align-left--right {

text-align: right!important;

}

</style>

@media yahoo {

* {

overflow: visible!important;

}

.y-overflow-hidden {

overflow: hidden!important;

}

@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {

.iosfont {

font-family: 'Roboto Slab', sans-serif!important;

font-weight: bold;

}

</style>

<!--[if gte mso 9]>

<xml>

<o:OfficeDocumentSettings>

<o:AllowPNG/>

<o:PixelsPerInch>96</o:PixelsPerInch>

</o:OfficeDocumentSettings>

</xml>

<![endif]-->

<!--[if (gte mso 9)|(IE)]>

li {text-indent: -1.3em;margin-left: 1.5em !important;}

</style>

<![endif]-->

</head>

</div>

<tbody>

<tr>

<tbody>

<tr>

<tr>

<tr>

<td>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

<tr>

<tr>

<tbody>

<tr>

</div>

</td>

</div>

</td>

</div>

</td>

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</table>

</th>

<tr>

<tr>

L&D Newsletter

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<td>

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tbody>

<tr>

<tbody>

<tr>

<tr>

<tr>

<td>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

<tr>

</th>

<tr>

<tr>

L&D Newsletter

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<td>

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<td>

</div>

</td>

</tr>

<tr>

<tr>

<td>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

<ul>

<li><span>This is a bulleted list item #1</span></li>

<li><span>This is a bulleted list item #2</span></li>

<li><span>This is a bulleted list item #3</span></li>

</ul>

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Learn More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

<td>

<tr>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

<td>

<tr>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

<td>

<tr>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

<tr>

</div>

</td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</th>

</div>

</th>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</th>

</th>

<tr>

<td>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<tr>

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-3};"> Connect </a>

</div>

</td>

</tr>

</table>

</td>

<tr>

</td>

</tr>

</table>

</td>

<tr>

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-3-2};">Email CTA</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</th>

<tr>

</tr>

</table>

</th>

<tr>

115 S. LaSalle, Suite 3300,<br />

Chicago, IL 60603-3801, USA<br />

<br />

BAI is Bank Administration Institute and BAI Center

</div>

</td>

</tr>

</table>

</th>

<tr>

</tr>

</table>

</th>

<tr>

<tr>

<td>

</a>

</td>

<td>

</a>

</td>

<td>

</a>

</td>

<td>

</a>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

General Headline 1

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

General Headline 2

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

General Headline 3

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

General Headline 4

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

GENERAL HEADING 5

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

General Paragraph

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<td>

</div>

</td>

</tr>

</table>

<div>

Headline copy placed here

</div>

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut repellendus nam labore non aliquid. Modi, blanditiis accusamus quos placeat laudantium amet, velit ipsa officiis facilis iste ducimus. Possimus, qui culpa?

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quo aut omnis labore sunt numquam velit, nostrum aliquam assumenda sint perferendis saepe distinctio expedita officia molestiae laborum laudantium autem nulla nesciunt.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

<td>

<tr>

<td>

</div>

</td>

</tr>

</table>

<div>

Headline copy placed here

</div>

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut repellendus nam labore non aliquid. Modi, blanditiis accusamus quos placeat laudantium amet, velit ipsa officiis facilis iste ducimus. Possimus, qui culpa?

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quo aut omnis labore sunt numquam velit, nostrum aliquam assumenda sint perferendis saepe distinctio expedita officia molestiae laborum laudantium autem nulla nesciunt.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

H1 Header

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

H1 Header

</div>

</td>

</tr>

<tr>

</tr>

<tr>

<td>

<tr>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</th>

<tr>

</tr>

</table>

</th>

<tr>

Headline copy placed here

</div>

</td>

</tr>

<tr>

</tr>

<tr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

</div>

</td>

</tr>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!--[if mso]>

<tr>

<td>

<![endif]-->

<tr>

<tr>

</tr>

<tr>

<tr>

<tr>

<td>

<tbody>

<tr>

<tr>

PRESENTERS:

</span>

</strong>

</td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>

</div>

</td>

</tr>

</table>

<!--[if mso]>

<tr>

<![endif]-->

<tbody>

<tr>

<tr>

</span>

</td>

Byron Marshall

</span>

</strong>

<br>

<em>

Director, Research

</span>

</em>

<br>

BAI

</span>

</td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>

</div>

</td>

</tr>

</table>

<!--[if mso]>

</td>

<![endif]-->

<tbody>

<tr>

<tr>

</span>

</td>

Mark Riddle

</span>

</strong>

<br>

<em>

Director, Research and Content Delivery

</span>

</em>

<br>

BAI

</span>

</td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>

</div>

</td>

</tr>

</table>

<!--[if mso]>

</td>

</tr>

</table>

<![endif]-->

</td>

<td valign="top" width="${MOD_HSpace}" bgcolor="${MOD_BgColor}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height}

;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

<!--[if mso]>

</td>

</tr>

</table>

<![endif]-->

</td>

</tr>

</table>

</div>

</body>

</html>

Grace_Brebner3 · ‎04-16-2019

Hey Angie,

This'll be easier for us to help with if you reply to this comment with the full code for the email, as your snippet includes CSS classes that we can't account for otherwise. Make sure that you click "use advanced editor" in the top right corner of the comment box and then select the "insert raw html" option so that it formats correctly

If you happen to also have a mock up that shows exactly what you want it to look like comparative to what it looks like now, we'll also be better able to help you find the exact result you're looking for.

Angie_Zarate · ‎04-17-2019

@gracebrebner I have updated the post.

Arun_Sharma9 · ‎04-22-2019

Hi Angie,

The problem lies in the tables where you have used "mobile-full" class, you can see you have used 100% as the width, which means the table will appear full width means different rows. You have to reduce the width to 50% of these tables to make these appear side-by-side as what you want.

Thanks

Arun Sharma

Dave_Roberts · ‎04-22-2019

I think it's ok to have the table at 100% - that's probably meant for mobile and ESPs that don't read styles in the head (i.e. classes). I'd guess that you're missing the CSS for half1_even class. It also looks like you're missing the CSS for the "mobile-full" class, but you've got it for the mob-full class.

Here's a look at one of the tables with the 100% width:

With the CSS that's currently on your template, you've got a table at 100% (the width="" attribute). This is probably why your tables are acting like rows instead of columns.

I'd imagine the "half1_even" (also saw half2_even) class is supposed to be the class that holds the 50% width rule to override the width attribute inline. After that, the mobile-full class could force 100% (to override the 50% class for ESPs that read styles [and media queries] in the head) with the "mobile-full" class if that was written to mirror the "mob-full" class you've got in there already. It looks like you've got a media query setup for a max of 599px, so that'd be where you wanted to put the CSS for the "mobile-full" class. You might also try replacing the "mobile-full" in the HTML with "mob-full" to leverage what's already setup -- Im guessing one is from one template and the other is from another and that the difference here is that the CSS for parts that got added into this template didn't make their way into the stylesheet in this template. Check out the template that you're using to add the new HTML into this template and see if you can track down the "half1_even" and "half2_even" classes in the stylesheet and maybe bring those over into this template for the easy win.