need help removing borders.

  • trying to remove the borders on my table having no luck.

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml”&gt;
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title>roster</title>
    <style type=”text/css”>
    .death-knight {
    font-family: Verdana, Geneva, sans-serif;
    color: #c41f3b;
    }
    .demon-hunter {
    font-family: Verdana, Geneva, sans-serif;
    color: #a330c9;
    }
    .druid {
    font-family: Verdana, Geneva, sans-serif;
    color: #ff7d0a;
    }
    .hunter {
    font-family: Verdana, Geneva, sans-serif;
    color: #abd473;
    }
    .mage {
    font-family: Verdana, Geneva, sans-serif;
    color: #69ccf0;
    }
    .monk {
    font-family: Verdana, Geneva, sans-serif;
    color: #00ff96;
    }
    .paladin {
    font-family: Verdana, Geneva, sans-serif;
    color: #f58cba;
    }
    .priest {
    font-family: Verdana, Geneva, sans-serif;
    color: #ffffff;
    }
    .rogue {
    font-family: Verdana, Geneva, sans-serif;
    color: #fff569;
    }
    .shaman {
    font-family: Verdana, Geneva, sans-serif;
    color: #2459ff;
    }
    .warlock {
    font-family: Verdana, Geneva, sans-serif;
    color: #9482c9;
    }
    .warrior {
    font-family: Verdana, Geneva, sans-serif;
    color: #c79c6e;
    }
    </style>
    </head>

    <body>
    <table width=”764″ height=”331″ border=”0″>
    <tr>
    <td width=”250″ height=”39″><div align=”center” class=”death-knight”>Death Knight</div></td>
    <td width=”250″><div align=”center” class=”demon-hunter”>Demon Hunter</div></td>
    <td width=”250″><div align=”center” class=”druid”>Druid</div></td>
    </tr>
    <tr>
    <td>?</td>
    <td>?</td>
    <td><div align=”center”>
    <p><br />
    </p>
    </div></td>
    </tr>
    <tr>
    <td>?</td>
    <td>?</td>
    <td>?</td>
    </tr>
    <tr>
    <td height=”39″><div align=”center” class=”font-family”><span class=”hunter”>Hunter</span></div></td>
    <td><div align=”center” class=”font-family”><span class=”mage”>Mage</span></div></td>
    <td><div align=”center” class=”font-family”><span class=”monk”>Monk</span></div></td>
    </tr>
    <tr>
    <td>?</td>
    <td>?</td>
    <td>?</td>
    </tr>
    <tr>
    <td><div align=”center” class=”font-family”><span class=”paladin”>Paladin</span></div></td>
    <td><div align=”center” class=”font-family”><span class=”priest”>Priest</span></div></td>
    <td><div align=”center” class=”font-family”><span class=”rogue”>Rogue</span></div></td>
    </tr>
    <tr>
    <td>?</td>
    <td>?</td>
    <td>?</td>
    </tr>
    <tr>
    <td><div align=”center” class=”font-family”><span class=”shaman”>Shaman</span></div></td>
    <td><div align=”center” class=”font-family”><span class=”warlock”>Warlock</span></div></td>
    <td><div align=”center” class=”font-family”><span class=”warrior”>Warror</span></div></td>
    </tr>
    <tr>
    <td>?</td>
    <td>?</td>
    <td>?</td>
    </tr>
    </table>
    </body>
    </html>

    • This topic was modified 6 years, 11 months ago by staycomfy.
    • This topic was modified 6 years, 11 months ago by Andrew Nevins.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,
    there is problem double quote please check this https://www.screencast.com/t/Dv60MiDviZxL

    Please don’t past big slabs of code, it is not that useful, the link to the page is much more productive.

    I see that you have a table creating a grid of images, but there is no border on that table.
    Using my browser inspector I find that the double line lime green border is on a div element with a class of “page-holder”, the style is:
    border: 6px double #33ff00;
    To change it you can:
    – login to your WordPress admin dashboard
    – navigate to your “roster” page
    – on the top edge select “customizer” then click on the additional css tab.
    – add a phrase like this:

    .page-holder {
 border: 1px single #33ff00;
}

    Or whatever border style you want.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘need help removing borders.’ is closed to new replies.