Skip to main content
Angie_Zarate
Angie_Zarate
Level 2
April 16, 2019
Question

Module code issues- Help anyone?

  • April 16, 2019
  • 2 replies
  • 3060 views
Content backfill required
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Grace_Brebner3
Grace_Brebner3
Level 10
April 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
Angie_ZarateAuthor
Level 2
April 17, 2019

@gracebrebner I have updated the post.

Arun_Sharma9
Arun_Sharma9
Level 3
April 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
    Dave_Roberts
    Level 10
    April 23, 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:

    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; vertical-align: top;" bgcolor="${in_Half1_Speaker_BgColor}" class="half1_even mobile-full" align="left">

    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.

    Terms & ConditionsAccessibility statement

    Loading footer...