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
This is the html-code I am using for the html-site and the static-html module
But when putting the code into the static html module it looks like this:
I am not able to get rid of the border-lines or to display the border-underline.
What am I doing wrong?
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
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> </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> </td>
<td> </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"> </td>
<td class="auto-style9"> </td>
</tr>
<tr>
<td class="auto-style7">
<img height="100" src="/forum/core/images/avatars/kc.png" width="100" /></td>
<td class="auto-style9"> </td>
<td class="auto-style9"> </td>
</tr>
<tr>
<td class="auto-style7">
<img height="100" src="/forum/core/images/avatars/sd.png" width="100" /></td>
<td class="auto-style9"> </td>
<td class="auto-style9"> </td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style8"> </td>
<td class="auto-style8"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<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> </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> </td>
<td> </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"> </td>
<td class="auto-style9"> </td>
</tr>
<tr>
<td class="auto-style7">
<img height="100" src="/forum/core/images/avatars/kc.png" width="100" /></td>
<td class="auto-style9"> </td>
<td class="auto-style9"> </td>
</tr>
<tr>
<td class="auto-style7">
<img height="100" src="/forum/core/images/avatars/sd.png" width="100" /></td>
<td class="auto-style9"> </td>
<td class="auto-style9"> </td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style8"> </td>
<td class="auto-style8"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
But when putting the code into the static html module it looks like this:
I am not able to get rid of the border-lines or to display the border-underline.
What am I doing wrong?