?
Solved

Can't get rid of 1 pixel spacing above and below embedded table using style tags

Posted on 2014-04-24
3
Medium Priority
?
11 Views
Last Modified: 2016-06-21
If you put the code in an asp.net page you will see that there is a pink, 1 pixel space above and below the embedded table.

                <table style="width:100%; padding:0px; border-spacing:0px; border-collapse:separate;">
                    <tr style="background-color: #d75f07; height: 10px; color: white; text-align: center">
                        <td>

                            <asp:Label ID="lblGeneralAnnouncementHeader0" runat="server" style="font-size: medium" /> &nbsp;<asp:Label ID="lblGeneralAnnouncement0" runat="server" style="font-size: small" />

                        </td>
                    </tr>
                    <tr style="background-color: pink; color: white; text-align: center">
                        <td align="center">
                            <table style="width:1170px; height:105px; padding:0px; border-spacing:0px; border-collapse:collapse; background-color: purple">
                                <tr>
                                    <td>

                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr style="background-color: #d75f07; height: 10px; color: white; text-align: center">
                        <td>

                        </td>
                    </tr>
                </table>   

Open in new window

0
Comment
Question by:tatton777
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 15

Expert Comment

by:Ess Kay
ID: 40020992
in TD tag (line 10), add

padding-top: 0px;

same for all other sides

td {
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;  
}
0
 
LVL 26

Accepted Solution

by:
Alan Warren earned 2000 total points
ID: 40021621
Hi tatton777
This fixed it on my machine:
<head runat="server">
    <title></title>
  <style type="text/css">
    table { 
      border-spacing: 0;
      border-collapse: collapse;
    }
    td{padding: 0px;}

  </style>
</head>

Open in new window

Respectfully yours,
Alan
0
 
LVL 5

Expert Comment

by:Tom Knowlton
ID: 41664117
No comment has been added to this question in more than 21 days, so it is now classified as abandoned.

I have recommended this question be closed as follows:

Accept: Alan Warren (https:#a40021621)

If you feel this question should be closed differently, post an objection and the moderators will review all objections and close it as they feel fit. If no one objects, this question will be closed automatically the way described above.

knowlton
Experts-Exchange Cleanup Volunteer
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
This article aims to explain the working of CircularLogArchiver. This tool was designed to solve the buildup of log file in cases where systems do not support circular logging or where circular logging is not enabled
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…
How to fix incompatible JVM issue while installing Eclipse While installing Eclipse in windows, got one error like above and unable to proceed with the installation. This video describes how to successfully install Eclipse. How to solve incompa…
Suggested Courses

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question