How to Take Out Table Borders in Outlook 2007 HTML Email

I'm currently working on removing table borders. It looks good in the GMAIL Webapp, but Outlook keeps displaying default black borders. How can I eliminate them?

<TABLE style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: 0px; MARGIN: 0px auto; BORDER-SPACING: 0; BORDER-LEFT: 0px" cellSpacing=0 cellPadding=0 rules=none width="95%" border=0 frame=void>
    <TR border="0" cellPadding="0" cellSpacing="0">
        <TH style="OVERFLOW: hidden; FONT-SIZE: 12px; BORDER-TOP: 0px solid; FONT-FAMILY: Arial, sans-serif; BORDER-RIGHT: 0px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px solid; WORD-BREAK: normal; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 5px; BORDER-LEFT: 0px solid; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #00349a" border="0" cellPadding="0" cellSpacing="0">OEM-Nr.</TH>
        <TH style="OVERFLOW: hidden; FONT-SIZE: 12px; BORDER-TOP: 0px solid; FONT-FAMILY: Arial, sans-serif; BORDER-RIGHT: 0px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px solid; WORD-BREAK: normal; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 5px; BORDER-LEFT: 0px solid; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #00349a" border="0" cellPadding="0" cellSpacing="0">Bezeichnung</T...

I'm utilizing Supermailer for coding. It automatically changes HTML/CSS semantics when exporting, although it's unclear why. Despite that, it tends to function as expected.

htmlcssemailoutlook

Answer №1

Success! I figured out the solution. Just by getting rid of all border CSS commands and using border=0, everything fell into place. Newsletters coding is the bane of my existence.

Thanks for your assistance though, it's much appreciated!

Answer №2

Swap solid for hidden in the border-top property.
I wanted to leave a comment about this change, but I don't have enough reputation yet.

Source: CSS Border Reference

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

Allow editing for only a specific part of a text box

Creating a customized personal URL page for users on my site is important to me. I envision the value of a text box being "example.com/username," with the "example.com/" part displayed in the text box, but not editable. I've noticed that Tumblr accom ...

javascriptjqueryhtmluser-input

Problems with WordPress Theme Rendering in Outdated Versions of Internet Explorer

Currently, I am developing a website for Chase on the Lake at http://chaseonthelake.com/. While everything looks perfect in FireFox, there are some display issues when viewing it in Internet Explorer. The dropdown transparency is not showing correctly, m ...

javascripthtmlcsswordpresswordpress-theming

Developing custom selectable symbols in a form

Would like some assistance on implementing a voting system for users to select their preferred icon from an icon font used on my website. The icons are displayed via HTML and CSS. How can I achieve this functionality using jQuery, and then display the sele ...

htmlcssjquery-uijquery

CSS styling not displaying in browser (Google Chrome)

Just starting to learn HTML/CSS and working on a project. Struggling because my CSS styles aren't showing up in Chrome when I preview my work. Here's the code I have so far: <!DOCTYPE html> <html lang="en"> <head> ...

htmlcss

Adjusting the size of the browser window relocates the <nav> elements

My webpage layout seems to be changing when I resize my browser, causing the elements to move with the vertical scrollbar. How can I keep them fixed at the top? This is the HTML5 code I'm using: <header id="container"> <div id="logo ...

htmlcss

Is it possible to set a minimum width for browser resizing?

https://i.sstatic.net/0qhjT.png Looking at the image provided, I'm doing a comparison of the minimum resizable widths between my website and GitHub's. Is there a way to enforce a minimum width limit on my website similar to GitHub's? I&apo ...

javascripthtmlcssbootstrap-4

concealing directory titles within HTML and AJAX

What are the potential security risks associated with exposing PHP folder names? If there are risks, what methods can be used to conceal the folder names within html hyperlinks and ajax code? ...

phpajaxhtml

The background of the webpage section is being cropped on mobile devices

Currently, I am delving into the creation of a website completely from scratch to serve as an online CV for networking and job/school applications. My journey with HTML and CSS is relatively fresh, having started only about 5 months ago. Overall, things ha ...

htmlcssmobile

Tips for splitting words in a responsive Bootstrap table

Here is the code snippet I am struggling with: <table id="table" class="dataTable table table-hover table-md table-responsive" cellspacing="0" role="grid"> <thead> <tr> ...

htmlcssbootstrap-4

Automatically generating table through CSV file upload utilizing MySQL and PHP

My attempt to create a table by defining a table name first seems to be causing an issue in my code. I am encountering the following error message: An SQL syntax error has occurred; please refer to the MySQL server version manual for the correct syntax ...

phphtmlmysqlcsv

Ways to showcase tooltip text for an unordered list item?

When creating an unordered list, each element's text corresponds to a chapter name. I also want to include the description of each chapter as tooltip text. The Javascript code I currently have for generating a list item is: var list_item = document.c ...

javascripthtmlcss

Is the PNG image displaying poorly in the IE10 browser?

My application features a PNG image with actual dimensions of 300px X 300px. I am using a 20% scale of this image as an input image button, which displays correctly in Mozilla and Chrome browsers. However, in IE, the image appears distorted. Please refer t ...

htmlcssinternet-explorer

Tips for aligning pagination in the center in bootstrap 4

What is the best way to centrally align pagination in Bootstrap 4? I have tried adding the code, but the pagination remains aligned to the left instead of the center. Even when applying the text-center class to the parent element, it does not work as exp ...

htmlcsstwitter-bootstrapbootstrap-4

Click a DIV element's href using jQuery switch event

Hello Coders, I've encountered another issue with jQuery. I'm attempting to create a MENU on the right side that displays a specific DIV Element when clicked. Despite including jQuery from the Google Library, nothing seems to be happening – no ...

jqueryhtml

Having trouble with Bootstrap v4 dropdown menu functionality?

For some reason, I cannot get the dropdown menu to work in my Bootstrap v4 implementation. I have tried copying and pasting the code directly from the documentation, as well as testing out examples from other sources on separate pages with no luck. &l ...

javascripthtmlcss

I desire my grid to exhibit an identical appearance to that of the jquery datepicker

I have an interactive element called the "open grid" that, when clicked on, reveals a grid of buttons. I'm looking for help with coding it so that instead of being displayed below the textbox, the grid of buttons can be hovered over the "open grid" li ...

jquerycssbuttongrid

Upon successful authentication, the WebAuthenticationBroker.authenticateAndContinue function does not activate the app

I'm attempting to implement Facebook, Twitter, and Google login using WebAuthenticationBroker.authenticateAndContinue. The authentication page is displayed successfully, but once the authentication is complete, the activated event is not triggered and ...

javascripthtmlwindowswindows-phone-8.1winjs

Getting a portion of a href link in Java using Selenium

I am looking to compare the current URL in Google Chrome with a specific href link that contains two URLs. I need to extract the first link from this specific href link: click here <a href="http://pubcontentqa.perion.com/dz2/html/interstitial.html?http ...

javascriptjavahtmlseleniumwebdriver

What is the best way to showcase the information stored in Firestore documents on HTML elements?

Currently in the process of designing a website to extract data from my firestore collection and exhibit each document alongside its corresponding fields. Below is the code snippet: <html> <!DOCTYPE html> <html lang="en"> <head> ...

javascripthtmlfirebasegoogle-cloud-firestore

Include dimensions in the images using the width and height attributes, either in the HTML or CSS code

I've recently been working on my wordpress site and have made a change to how I handle image sizes. I've been removing the width and height attributes when adding images, as they are automatically added. Instead, I've been using the followin ...

xhtmlheightwidthcss