php – why some ignore pc style sheets.

I have created a small PHP based website hosted on a Linux server. It’s working and appearing as I have access to most PCs and on my Android phone – but not on two PCs (one Windows 10, the other Windows 11).

On these two PCs, the style sheet is completely ignored and the tables appear without borders. The “problem” manifests itself with both Google Chrome and Microsoft Edge, so the browser is not specific.

Can anyone tell me why my site has this problem?

Website code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >

<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" type="text/css" href="cdlpmc.css">
</head>

<body>
  <h1>My Music Collection</h1>

  <form method="post" action="/mymusic.php">
    <table>
    <tr>
      <th>Order</th>
      <th>Type</th>
    </tr>
    <tr>
      <td class="td1"><input type="radio" name="sortby" value="album" checked>Album</td>
      <td class="td1"><input type="radio" name="media" value="digital" checked>Digital</td>
    </tr>
    <tr>
      <td><input type="radio" name="sortby" value="artistf">Artist (First Name)</td>
      <td><input type="radio" name="media" value="analogue" >Analogue</td>
    </tr>
    <tr>
      <td><input type="radio" name="sortby" value="artists">Artist (Surname)</td>
      <td><input type="radio" name="media" value="all" >All</td>
    </tr>
    </table>
    <input type="Submit"/>
  </form>

</body>
</html>

CSS file content:

table
  {
    border: 2px solid black;
    cellspacing:0;
    border-spacing:0;
  }
th
  {
    border-right: 1px solid black;
    text-align: left;
  }
td
  {
    border-right: 1px solid black;
  }
.td1
  {
    border-top: 2px solid black;
  }
h1
  {
    color : blue;
    text-decoration: underline;
  }
h2
  {
    color : lightblue;
    text-decoration: underline;
  }
pre
  {
    color : red;
  }
img.imglt
  {
    border: 3px solid black;
    float: left;
    margin: 0 10px 0 0;
  }
.bul
  {
    text-decoration: underline;
    font-weight: bold;
  }

Write a Comment