Member Avatar for theMediator

I'm working on a new website http://www.sproutsfamilycentre.com/template.asp and to make a long story short I want to eliminate all borders, but one table refuses to get with the program. I have tried every combination under the sun to get rid of that one white border, but to no avail.

Any wisdom would be appreciated. Thanks.

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Sprouts Family Centre Template</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
    <div id="container" >
        <table width="100%">
            <tr>
                <!--#include file="header.asp"-->
            </tr>
            <tr>
                <td colspan="5">
                    <table width="100%">
                        <tr>
                            <td width="15%" style="background-image:url(bg-body5.jpg);"></td>
                            <td width="70%">
                                <table>
                                    <tr>
                                        <td valign="top"><!--#include file="sidebar.asp"--></td>
                                        <td valign="top"><p>Content</p></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="15%" style="background-image:url(bg-body5.jpg);"></td>
                        </tr>
                        <tr>
                            <td width="15%" height="41px" style="background-image:url(grassy_BG6.jpg);"></td>
                            <td width="70%" height="41px" style="background-image:url(grassy_BG6.jpg);"></td>
                            <td width="15%" height="41px" style="background-image:url(grassy_BG6.jpg);"></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr id="footer">
                <!--#include file="footer.asp"-->
            </tr>
        </table>
    </div>
</body>
</html>

And here is the CSS:

body 
{
    background-color:#5F34B9;
    font-family:Lucida Sans Unicode;
}

div#container
{
    width:100%;
    margin:0 auto;
    background-color:White;
}

tr#footer
{
    background-color:#5F34B9;
    font-size:x-small;
    color:White;
}

tr#footer a
{
    color:White;
    text-decoration:underline;
    line-height:20px;
}

table
{
    border-collapse:collapse;
}
Edited by theMediator because: n/a
  • 3 Contributors
  • 2 Replies
  • 123 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by WigglesMcMuffin
Member Avatar for twiss

What exactly do you want to remove the border of? In what browser do you see this border? Do you mean the .glossymenu? It's not a table, and the borders are hardcoded in the CSS.

Member Avatar for WigglesMcMuffin

The only thought I have on the matter is maybe an image border?? That's my two cents, sorry if it isn't all that helpful.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.