"Email signature design with sleek black borders incorporated for a professional touch in responses

At my workplace, I use an HTML file as my email signature footer with IBM Notes. Everything looks great when I create a new email - the logo is positioned correctly, text is styled how I want it, and the overall layout is fine.

However, things start to look messy when someone replies to one of my emails. The borders of the cells become black lines which ruin the appearance of the footer.

I really don't like those ugly black lines appearing everywhere.

Whenever I reply to emails, I keep getting a strange dialog box popping up. It mentions something about "Multilingual MIME Warning" and character sets, but I'm not sure if this has anything to do with the black lines in the footer.

Here's the HTML code that I've been using. Any suggestions or help would be greatly appreciated!

<html>
<head>
<style>
h1 {color:red;}
p {color:black;}
</style>
</head>
<body>
<table border=0><font face="Arial">
<tr>
 <th></th>
 <th></th>
 <th></th>
 <th></th>
</tr>
<tr>
  <td colspan=3 align="center">
    <font face="Arial" size="3">
      <strong>
        Comet Bill
      </strong>
    </font><br />
    <strong>
    <font face="Arial" size="3">
        Bit herder
    </font></strong>
  </td>
  <td align="center">
    <img src='XYZourstrapline.png' align="center">
  </td>
  <td></td>
</tr>
<tr></tr>
<tr>
  <td align="right" width="10%"><img src='XYZ Corp logo.png'>
  </td>
  <td colspan=3>
    <font face="arial" size="3">
      XYZ Corporation Ltd.
    </font><br />
    <font face="Arial" size="2">Hard Way, Impossible Road,
    <br />GitVille, XY3 1XY</font>
  </td>
</tr>
</table>
<table border=0>
<tr>
  <td colspan=1 align="right">
    <font face="Arial" size="1">Switchboard:</font>
  </td>
  <td colspan=3>
    <font face="Arial" size="2">+44 (0)1234 567890</font>
  </td>
</tr>
<tr>
  <td colspan=1 align="right">
    <font face="Arial" size="1">Direct:</font>
  </td>
  <td colspan=3>
    <font face="Arial" size="2">+44 (0)1234 987654</font>
  </td>
</tr>
<tr>
  <td colspan=1 align="right">
    <font face="Arial" size="1">Email:
    </font>
  </td>
  <td colspan=3>
    <font face="Arial" size="2"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f0939f9d9584de92999c9cb09d89959d91999c919494822859b7">[email protected]</a></font>
  </td>
</tr>
</table>
</body>
</html>

Answer №1

Consider incorporating the following code snippet into your CSS style block:

tr,td,table,th{border:none;}

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

Is it possible to integrate ngx Pagination with Bootstrap?

Is it possible to integrate Bootstrap's pagination with ngx Pagination? I'm interested in using the functionality of ngx Pagination but styling it with the CSS from Bootstrap. ...

The div does not allow elements to be centered

I am facing an issue where elements are not centering on my div. I have tried numerous solutions (so many that I finally decided to create a Stack Overflow account), but nothing seems to work. Interestingly, the elements center on PC but for some reason, ...

Tips for displaying an asp.net form using javascript functions

I am currently developing a login page in asp.net and have utilized a template from CodePen at http://codepen.io/andytran/pen/PwoQgO It is my understanding that an asp.net page can only have one form tag with runat="server". However, I need to incorporate ...

The refreshed Google Chrome cache post-update on the Developer Dashboard

With each new Google Chrome update, developers experience a mix of benefits and drawbacks. Lately, I have noticed a change in how Chrome handles caching, with everything being cached successively without any disassembly. For instance: When working on a we ...

Managing Positioning of PHP Print Statement

Recently, I developed a PHP script for my site that facilitates user registration and login specifically for membership purposes. If a user successfully logs in, the script redirects them to a landing page for members. However, if the login fails, the scri ...

Scroll horizontally within the div before scrolling down the page

After reviewing other questions, it's important to note that the scroll I am looking for is horizontal, not vertical. My goal is to have a div on a page automatically start scrolling when it reaches the center or becomes visible, and then allow the pa ...

Is there a definitive way to distinguish between scrollTop and scrollHeight in web development?

For instance, function checkingScroll(){ var newHeight = element.scrollHeight; var scrollTopValue = element.scrollTop; alert("The scrollHeight property is: " + newHeight + "px"); alert("The scrollTop property is: " + scrollTopValue ...

The dropdown feature on my theme seems to be malfunctioning on Wordpress

I'm having trouble figuring out what I'm doing wrong. The dropdown navigation works fine with the default Wordpress twentyeleven theme, but when I switch to my custom theme, the dropdown stops appearing. Here is the code I'm using: <div ...

modifying the child divs contained in the main div

Hey there! I'm currently using Bootstrap to design an application and I've got the entire form inside a container. However, as I add more child elements within the container div, I would like the parent div to expand automatically to show all the ...

Adjusting the size of a Google map based on the size of the browser

Currently, I am working on implementing Google Maps API v3. The map is displaying perfectly on my page, but the issue arises when I resize the browser. Upon resizing, the map reverts to its original size as it was when the page initially loaded. This is t ...

Tablet-friendly dropdown menu

Seeking advice on implementing @media queries for tablets with a width of 991px. Currently, the CSS file is optimized for mobile devices but needs adjustments for tablet responsiveness in the dropdown menu. I attempted the following CSS code: @media (max ...

The functionality of ng-style is not compatible with min, and utilizing ng-model produces undesirable results

Why does the ng-style condition not work with min=0 if the saved value of ng-model="detail.Amount" is negative? <input type="number" min="0" oninput="validity.valid||(value='');" class="form-control" title="Amount" ng-model="detail.Amount" ng ...

Tips for creating a cohesive group of HTML elements within an editable area

Imagine having a contenteditable area with some existing content: <div contenteditable="true"> <p>first paragraph</p> <p> <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-s ...

Form elements change when focused on text boxes

I am attempting to replicate the materialize style for input boxes where the label moves up and decreases in font size with animation when the text box is clicked. Although I have managed to achieve this effect, there seems to be a slight issue. When clic ...

Images are not displayed when utilizing font-awesome on a MVC 5 website

I'm having an issue where adding font-awesome to the style bundle is causing images not to display correctly. Instead of showing the right icon, I am getting a transparent box. My style bundle configuration looks like this: bundles.Add(new StyleBund ...

PHP function array_sum returns the sum of all values in an array rather than displaying each number

I have a collection of unique "coupons" with corresponding "productid"s https://i.stack.imgur.com/IgtFN.png My goal is to transform this list into an array using: $claimed = array($rowOrder['productid']); The problem arises when I attempt to ...

Learn how to transform the html:options collection into html:optionsCollection

What is the best method to transform this code snippet: <html:options collection='catList' property='catId' labelProperty='catName'> using the <html:optionsCollection> tag? ...

The form will only display results after the "Submit" button is clicked twice

Recently, I built a flask website where the form and results are displayed on the same page. However, there seems to be an issue that arises upon clicking the 'submit' button for the first time after running 'flask run'. The error messa ...

I am having trouble with Mpdf's block absolute positioning feature not functioning correctly

I am trying to position my block using absolute, but it seems to be staying in the same place regardless of the left/top attributes I set. Here is the PHP code snippet: $mpdf = new \Mpdf\Mpdf(); $mpdf->WriteHTML($stylesheet,\Mpdf\HT ...

Arrange blocks within bootstrap columns using grid css

I have a layout with two columns, each containing two blocks Currently, the mobile order is: 1 2 3 4 But I want it to be: 3 1 2 4 I attempted to use CSS grid but I am unsure how to move block 3 out of column 2. Here's the code snippet: body { ...