Home/ Questions/Q 8548149
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T13:25:40+00:00

This table is generated dynamically in PHP but for some reason it will not

  • 0

This table is generated dynamically in PHP but for some reason it will not display the borders correctly. There are still some aspects of CSS that stump me. Can anyone help me understand why Firefox over rides what I have put for my element borders? Here is the generated HTML.

<table style="width:208px;">
<tr>
    <td colspan="7">
        <table style="width:100%; border-collapse:collapse">
            <tr>
                <td style="background-color:#999999; color:#FFFFFF; text-align:center; height:28px;">&lt;</td>
                <td colspan="5" style="background-color:#999999; color:#FFFFFF; text-align:center; height:28px;">September</td>
                <td style="background-color:#999999; color:#FFFFFF; text-align:center; height:28px">&gt;</td>
            </tr>
         </table>
     </td>
</tr> 
<tr>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">S</td>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">M</td>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">T</td>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">W</td>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">T</td>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">F</td>
    <td style="background-color:#999999; color:#FFFFFF; text-align:center; width:28px; height:28px; border:thin; border-color:#FFFFFF; border-style:solid;">S</td>
</tr>
<tr>
    <td colspan="7">
        <table style="width:100%; border:thin; border-color:#000000; border-style:solid; background-color:#FFFFFF; color:#000000">
            <tr style="border:thin; text-align:center;">
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
            </tr>
            <tr style="border:thin; text-align:center;">
                <td style="border:thin; text-align:center;">1</td>
                <td style="border:thin; text-align:center;">2</td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#008000; height:27px; width:27px">3</div></td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#0000FF; height:27px; width:27px">4</div></td>
                <td style="border:thin; text-align:center;">5</td>
                <td style="border:thin; text-align:center;">6</td>
                <td style="border:thin; text-align:center;">7</td>
            </tr>
            <tr style="border:thin; text-align:center;">
                <td style="border:thin; text-align:center;">8</td>
                <td style="border:thin; text-align:center;">9</td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#008000; height:27px; width:27px">10</div></td>
                <td style="border:thin; text-align:center;">11</td>
                <td style="border:thin; text-align:center;">12</td>
                <td style="border:thin; text-align:center;">13</td>
                <td style="border:thin; text-align:center;">14</td>
            </tr>
            <tr style="border:thin; text-align:center;">
                <td style="border:thin; text-align:center;">15</td>
                <td style="border:thin; text-align:center;">16</td>
                <td style="border:thin; text-align:center;">17</td>
                <td style="border:thin; text-align:center;">18</td>
                <td style="border:thin; text-align:center;">19</td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#008000; height:27px; width:27px">20</div></td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#0000FF; height:27px; width:27px">21</div></td>
            </tr>
            <tr style="border:thin; text-align:center;">
                <td style="border:thin; text-align:center;">22</td>
                <td style="border:thin; text-align:center;">23</td>
                <td style="border:thin; text-align:center;">24</td>
                <td style="border:thin; text-align:center;">25</td>
                <td style="border:thin; text-align:center;">26</td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#F5831C; height:27px; width:27px">27</div></td>
                <td style="border:thin; text-align:center;">28</td>
            </tr>
            <tr style="border:thin; text-align:center;">
                <td style="border:thin; text-align:center;">29</td>
                <td style="border:thin; text-align:center;"><div style="border-style:solid; border:thin; border-color:#F5831C; height:27px; width:27px">30</div></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
                <td style="border:thin; text-align:center;"></td>
            </tr>
        </table>
    </td>
</tr>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Complete your border attributes like style="border:thin solid silver;

    Hope this will help

    • 0