Announcement

Collapse
No announcement yet.

Trouble with tablestyle informations in the static HTML-Module

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Trouble with tablestyle informations in the static HTML-Module

    Hi there,

    I have a style-problem I can't solve. I am using HTLM-Modules for my site but the modules keep irgnoring certain table-style informations such as border or border-lines.

    The html should look like this: http://www.maddenliga.de/twitch_tab.html

    Click image for larger version

Name:	table_site.gif
Views:	1
Size:	16.6 KB
ID:	4384703

    This is the html-code I am using for the html-site and the static-html module


    <!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>
    <meta content="de" http-equiv="Content-Language" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Playstation4</title>
    <style type="text/css">
    .auto-style2 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    }
    .auto-style3 {
    font-family: Arial, Helvetica, sans-serif;
    }
    .auto-style4 {
    border-color: #FFFFFF;
    border-width: 0;
    background-color: #FFFFFF;
    }
    .auto-style5 {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    }
    .auto-style6 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    }
    .auto-style7 {
    text-align: center;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    }
    .auto-style8 {
    border-top-style: solid;
    border-top-width: 1px;
    }
    .auto-style9 {
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    }
    </style>
    </head>

    <body>

    <table style="width: 100%" align="0" border="0" cellpadding="0" cellspacing="0" class="auto-style4">
    <tr>
    <td>&nbsp;</td>
    <td class="auto-style3">Playstation4</td>
    <td class="auto-style3">Xbox One</td>
    </tr>
    <tr>
    <td class="auto-style2"><strong>AFC West</strong></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td class="auto-style5">
    <img height="100" src="/forum/core/images/avatars/den.png" width="100" /></td>
    <td class="auto-style6"><iframe src="http://streambadge.com/twitch/custom/ffffff/2073ac/808080/bonee7/" style="border:none;height:5em;width:100%"></iframe></td>
    <td class="auto-style6"><iframe src="http://streambadge.com/twitch/custom/ffffff/2073ac/808080/fresh1221_/" style="border:none;height:5em;width:100%"></iframe></td>
    </tr>
    <tr>
    <td class="auto-style7">
    <img height="100" src="/forum/core/images/avatars/oak.png" width="100" /></td>
    <td class="auto-style9">&nbsp;</td>
    <td class="auto-style9">&nbsp;</td>
    </tr>
    <tr>
    <td class="auto-style7">
    <img height="100" src="/forum/core/images/avatars/kc.png" width="100" /></td>
    <td class="auto-style9">&nbsp;</td>
    <td class="auto-style9">&nbsp;</td>
    </tr>
    <tr>
    <td class="auto-style7">
    <img height="100" src="/forum/core/images/avatars/sd.png" width="100" /></td>
    <td class="auto-style9">&nbsp;</td>
    <td class="auto-style9">&nbsp;</td>
    </tr>
    <tr>
    <td class="auto-style8">&nbsp;</td>
    <td class="auto-style8">&nbsp;</td>
    <td class="auto-style8">&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>

    </body>

    </html>

    But when putting the code into the static html module it looks like this:


    Click image for larger version

Name:	table_module.gif
Views:	1
Size:	46.2 KB
ID:	4384702


    I am not able to get rid of the border-lines or to display the border-underline.

    What am I doing wrong?

Related Topics

Collapse

Working...
X