The border of an HTML table disappears when the email is forwarded

I'm facing an issue with including HTML tables in Outlook emails. Initially, the mail renders perfectly and displays the content as intended. However, when the email is forwarded, the table loses its borders while maintaining its structure.

Is there a way to embed CSS to ensure that the content is consistently rendered even when the email is forwarded?

EDIT: I am utilizing Outlook to send the emails and the tables are already styled inline. Additionally, the code is generated for email using the Apache Velocity engine.

Answer №1

Each email client handles forwarded messages differently, so if Gmail decides to add styling classes to reformat forwarded tables, there may not be much you can do about it. One suggestion is to try using divs within table cells and applying borders to them.

There's a helpful tool called emogrefier that makes writing email templates much easier. Essentially, you write CSS and it automatically converts it to inline styles. You can even use SCSS and have the exported file included as inline style.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Basic application of static keyword in Java programming

I grasp the concept of the static keyword, but unfortunately I am struggling to understand this straightforward code snippet. The answer is eluding me, even though I anticipate it being simple. public class VariableScope { int x=y; static int y=5 ...

java static static-members

Having difficulty retrieving form data with tag name using jQuery

Looking to retrieve form data using jQuery, I've experimented with two different approaches: var form = document.getElementById('user_form'); //Using form id var form = document.getElementsByTagName('form'); //Using form tag na ...

javascript jquery html

Having difficulties managing data in php using the POST method

I've been working on an application that registers users in a database within my domain. I created it using Android Studio, but I'm encountering some issues when trying to send user information to the php file using the POST method. The main iss ...

java php android

Contrasting the addition of an onClick listener through Jquery versus utilizing an HTML onclick attribute

I found this interesting piece of code that I want to share with you all: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.12.4.js"></script> <title> HelloWorld JQuery </t ...

javascript jquery html event-handling

What is the best way to utilize HTTP headers in caching dynamic CSS?

Although this question is similar to this one on Stack Overflow, the provided solution does not seem to be effective. I am currently working on a WordPress plugin where I need to generate a dynamic CSS file. Below is the code snippet I am using: public s ...

php css wordpress caching dynamic-css

Unable to adjust the padding of a div while the Bootstrap 4 navbar is in a collapsed state on mobile devices

I am facing an issue with a fixed navbar at the top of my page. Below the navbar, I have the page content which includes a Bootstrap 4 image carousel. The problem arises on mobile devices where I need to add top-padding to the page-container (below the nav ...

javascript html css bootstrap-4 carousel

Change the width of <p> element to control the number of lines visible on the screen

Is there a way to adjust the width of specific paragraph elements so they automatically have two lines with the same width? Even when the text is longer, the width should adjust to ensure both lines are equal in length (with the last line not wider than t ...

jquery css width paragraph

Exploring Redis: Customizing conversion configurations

When working with spring-data-redis in a Spring Boot application, how can we configure custom converters that are auto-wired or injected? I came across the @ReadingConverter and @WritingConverter annotations in the spring data redis documentation. However ...

java redis spring-data distributed-caching spring-data-redis

What could be the reason behind my filters not being activated by my tests?

I'm facing a peculiar issue with my tests. Even when the HttpHeaders.AUTHORIZATION header contains an incorrect token, my tests always pass. Logically, they should fail as I have a filter in place to validate the token. When accessing my Jax-RS prog ...

java jersey jax-rs jersey-2.0 jersey-test-framework

What is the most efficient way to handle passing a large number (20+) of parameters in a Java method?

In my Java class, I have numerous methods each containing over 20 parameters. These methods will be called from another class where an object of this Java class is created. I usually follow the Page Object Model (POM) in Selenium with Java. Therefore, ever ...

java selenium automated-tests selenide

Designing a navigation system that revolves around a central logo image

I have created a navigation bar that you can see in this image: https://i.stack.imgur.com/eT4TL.jpg Using foundation to construct a website, I have designed the nav bar in the following manner: HTML: <nav class="top-bar"> <ul> ...

css html zurb-foundation

Why can't we use percentages to change the max-height property in JavaScript?

I am currently working on creating a responsive menu featuring a hamburger icon. My goal is to have the menu list slide in and out without using jQuery, but instead relying purely on JavaScript. HTML : <div id="animation"> </div> <button ...

javascript html css

The image does not adjust size properly on mobile devices

How can I enable pinch-zoom and the ability to move around to view an enlarged image on mobile devices? https://i.sstatic.net/6JGRh.png Despite trying to add user-scalable=yes to the viewport meta tag, the image remains fixed within the viewport. Any sug ...

html css responsive-design

Conceal the scrollbar and enable horizontal swiping using CSS

I have set up a container where I want the content to scroll horizontally from left to right on mobile devices, and I would like to be able to swipe to navigate while hiding the scrollbar. You can view the implementation on this JSfiddle link Do you think ...

javascript jquery html css

Adjust your path by 45 degrees

I'm facing a challenge in getting all three of my images to fly off the screen in different 45-degree directions. Currently, they are all flying off the screen to the left, but I would prefer them to go in 45-degree angles. I've shared the CSS, H ...

javascript html css

The onClick event seems to be malfunctioning in the SVG Tic Tac Toe program

I am currently working on developing a Tic Tac Toe game and have successfully implemented the code to display x and o symbols. However, I am facing an issue where the onclick event does not consistently trigger when the squares are clicked; it seems to wor ...

javascript html svg onclick tic-tac-toe

Attempting to generate two columns out of a list of divs, with additional white space in the left column

I am attempting to render a series of divs into two columns. However, when viewing the example in this [JSFiddle](http://jsfiddle.net/nb32P/2/) link, I noticed there is extra spacing above Group Heading 4 in the left column that I cannot seem to remove. ...

html css

CSSer Q&A