Hello everyone!
I have just built a UK football league table and i have also had it validated to W3C standards for the HTML and CSS. Everything is really good except when i added the code:
I use this code to remind me that i am on the correct line. But for some reason which i can't figure out is that two squares refuse to change color when i hover the mouse over them. Could someone help me out here please.
I have just built a UK football league table and i have also had it validated to W3C standards for the HTML and CSS. Everything is really good except when i added the code:
Code:
tr:hover td {
background-color: #FAF9F6; /* off-white */
}
I use this code to remind me that i am on the correct line. But for some reason which i can't figure out is that two squares refuse to change color when i hover the mouse over them. Could someone help me out here please.
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>League Division One</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.container {
display: block;
width: 1100px;
margin: 50px auto;
border: 2px solid black;
border-radius: 20px;
background-color: #E5E4E2;
padding-bottom: 20px;
}
.table {
width: 1100px;
border-spacing: 0;
border-collapse: collapse;
}
tr:hover td {
background-color: #FAF9F6;
}
th {
text-align: center;
background-color: #FFFFFF;
border: 1px solid black;
}
td {
text-align: center;
}
h1 {
text-align: center;
text-decoration: underline;
}
.space {
width: 50px;
}
/* unvisited link */
a:link {
text-decoration: 0;
color: #0F398B; /* Road Sign Blue */
}
/* visited link */
a:visited {
text-decoration: 0;
color: #0F398B; /* Road Sign Blue */
}
/* mouse over link */
a:hover {
text-decoration: underline;
color: #0000FF;
}
/* selected link */
a:active {
text-decoration: 0;
color: #0F398B; /* Road Sign Blue */
}
</style>
</head>
<body>
<div class="container">
<h1>League Division One</h1>
<table class="table">
<tr>
<th>Pos</th>
<th style="width: 40px; background: #E5E4E2; border: 0;"></th>
<th style="width: 280px;">Teams</th>
<th style="width: 30px; background: #E5E4E2; border: 0;"></th>
<th>P</th>
<th style="width: 30px; background: #E5E4E2; border: 0;">
</th><th>W</th><th>D</th><th>L</th><th>F</th><th>A</th>
<th style="width: 40px; background: #E5E4E2; border: 0;"></th>
<th>W</th><th>D</th><th>L</th><th>F</th><th>A</th>
<th style="width: 30px; background: #E5E4E2; border: 0;"></th><th>Gd</th><th>Pts</th>
<th style="width: 30px; background: #E5E4E2; border: 0;"></th><th>Report</th>
</tr>
<tr>
<td>1</td>
<td>
<img src="../Football/champ_images/pne.png" alt="Huddersfield Town fc" title="Huddersfield Town fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.htafc.com" target="_blank">Hudderfield Town</a></td>
<td style="width: 30px; background: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>4</td><td>2</td><td>0</td><td>15</td><td>6</td>
<td style="width: 40px;"></td>
<td>3</td><td>2</td><td>1</td><td>9</td><td>5</td>
<td style="width: 30px;"></td>
<td>3</td>
<td>64</td>
<td style="width: 30px; background: #E5E4E2; border: 0;"></td>
<td><a href="https://www.bbc.co.uk/sport/football/live/cmkgwzw2vjd0t"
target="_blank">Report</a></td>
</tr>
<tr>
<td>2</td>
<td class="space">
<img src="../Football/lge_one_images/stockportc.png" alt="Stockport County fc" title="Stockport County fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.stockportcounty.com" target="_blank">Stockport County</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>4</td><td>0</td><td>2</td><td>14</td><td>8</td>
<td style="width: 40px;"></td>
<td>3</td><td>2</td><td>1</td><td>10</td><td>4</td>
<td style="width: 30px;"></td>
<td>12</td>
<td>23</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td class="disabled" colspan="22">
<hr>
</td>
</tr>
<tr>
<td>3</td>
<td class="space">
<img src="../Football/lge_one_images/bradford-city.png" alt="Bradford City fc" title="Bradford City fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.bradfordcityafc.com" target="_blank">Bradford City</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>3</td><td>1</td><td>1</td><td>6</td><td>2</td>
<td style="width: 40px;"></td>
<td>3</td><td>3</td><td>1</td><td>4</td><td>3</td>
<td style="width: 30px;"></td>
<td>5</td>
<td>22</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>4</td>
<td class="space">
<img src="../Football/lge_one_images/pma.png" alt="Plymouth Argyle fc" title="Plymouth Argyle fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.pafc.co.uk" target="_blank">Plymouth Argyle</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>13</td><td style="width: 30px;"></td>
<td>3</td><td>0</td><td>3</td><td>8</td><td>7</td>
<td style="width: 40px;"></td>
<td>4</td><td>1</td><td>2</td><td>13</td><td>12</td>
<td style="width: 30px;"></td>
<td>2</td>
<td>22</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>5</td>
<td class="space">
<img src="../Football/lge_one_images/reading.png" alt="Reading fc" title="Reading fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.readingfc.co.uk" target="_blank">Reading</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>5</td><td>1</td><td>1</td><td>17</td><td>7</td>
<td style="width: 40px;"></td>
<td>1</td><td>2</td><td>2</td><td>8</td><td>6</td>
<td style="width: 30px;"></td>
<td>12</td>
<td>21</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>6</td>
<td class="space">
<img src="../Football/lge_one_images/cambridgeu.png" alt="Cambridge United fc" title="Cambridge United fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.cambridge-united.co.uk" target="_blank">Cambridge United</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>3</td><td>2</td><td>2</td><td>12</td><td>11</td>
<td style="width: 40px;"></td>
<td>2</td><td>3</td><td>0</td><td>8</td><td>6</td>
<td style="width: 30px;"></td>
<td>3</td>
<td>20</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td class="disabled" colspan="22">
<hr>
</td>
</tr>
<tr>
<td>7</td>
<td class="space">
<img src="../Football/lge_one_images/oxf.png" alt="Oxford United fc" title="Oxford Uinted fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.oufc.co.uk" target="_blank">Oxford United</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>10</td><td style="width: 30px;"></td>
<td>2</td><td>3</td><td>0</td><td>8</td><td>4</td>
<td style="width: 40px;"></td>
<td>3</td><td>1</td><td>1</td><td>10</td><td>6</td>
<td style="width: 30px;"></td>
<td>8</td>
<td>19</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>8</td>
<td class="space">
<img src="../Football/lge_one_images/swfc.png" alt="Sheffield Wednesday fc" title="Sheffield Wednesday fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.swfc.co.uk/" target="_blank">Sheffield Wednesday</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>2</td><td>2</td><td>1</td><td>12</td><td>3</td>
<td style="width: 40px;"></td>
<td>3</td><td>1</td><td>2</td><td>8</td><td>9</td>
<td style="width: 30px;"></td>
<td>8</td>
<td>18</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>9</td>
<td class="space">
<img src="../Football/lge_one_images/mansfieldt.png" alt="Mansfield Town fc" title="Mansfield Town fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.mansfieldtown.net" target="_blank">Mansfield Town</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>3</td><td>2</td><td>0</td><td>10</td><td>5</td>
<td style="width: 40px;"></td>
<td>2</td><td>1</td><td>3</td><td>10</td><td>11</td>
<td style="width: 30px;"></td>
<td>4</td>
<td>18</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>10</td>
<td class="space">
<img src="../Football/lge_one_images/luto.png" alt="Luton Town fc" title="Luton Town fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.lutontown.co.uk" target="_blank">Luton Town</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>3</td><td>2</td><td>1</td><td>9</td><td>6</td>
<td style="width: 40px;"></td>
<td>2</td><td>0</td><td>3</td><td>12</td><td>13</td>
<td style="width: 30px;"></td>
<td>2</td>
<td>17</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>11</td>
<td class="space">
<img src="../Football/lge_one_images/burtona.png" alt="Burton Albion fc" title="Burton Albion fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; width: 280px; padding-left: 20px; text-align: left;">
<a href="https://www.burtonalbionfc.co.uk" target="_blank">Burton Albion</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>13</td><td style="width: 30px;"></td>
<td>2</td><td>4</td><td>1</td><td>12</td><td>10</td>
<td style="width: 40px;"></td>
<td>2</td><td>1</td><td>3</td><td>6</td><td>9</td>
<td style="width: 30px;"></td>
<td>-1</td>
<td>17</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>12</td>
<td class="space">
<img src="../Football/lge_one_images/stevenage.png" alt="Stevenage fc" title="Stevenage fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.stevenagefc.com" target="_blank">Stevenage</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>3</td><td>1</td><td>2</td><td>9</td><td>6</td>
<td style="width: 40px;"></td>
<td>1</td><td>2</td><td>2</td><td>6</td><td>5</td>
<td style="width: 30px;"></td>
<td>4</td>
<td>15</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>13</td>
<td class="space">
<img src="../Football/lge_one_images/leic.png" alt="Leicester City fc" title="Leicester City fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.lcfc.com" target="_blank">Leicester</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>2</td><td>0</td><td>3</td><td>6</td><td>10</td>
<td style="width: 40px;"></td>
<td>2</td><td>3</td><td>1</td><td>11</td><td>7</td>
<td style="width: 30px;"></td>
<td>0</td>
<td>15</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>14</td>
<td class="space">
<img src="../Football/lge_one_images/wycombew.png" alt="Wycombe Wanderers fc" title="Wycombe Wanderers fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.wwfc.com" target="_blank">Wycombe Wanderers</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>1</td><td>3</td><td>2</td><td>10</td><td>12</td>
<td style="width: 40px;"></td>
<td>2</td><td>3</td><td>1</td><td>9</td><td>11</td>
<td style="width: 30px;"></td>
<td>-4</td>
<td>15</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>15</td>
<td class="space">
<img src="../Football/lge_one_images/leytono.png" alt="Leyton Orient fc" title="Leyton Orient fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.leytonorient.com" target="_blank">Leyton Orient</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>2</td><td>0</td><td>4</td><td>7</td><td>10</td>
<td style="width: 40px;"></td>
<td>2</td><td>2</td><td>2</td><td>9</td><td>4</td>
<td style="width: 30px;"></td>
<td>2</td>
<td>14</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>16</td>
<td class="space">
<img src="../Football/lge_one_images/afc-wimbledon.png" alt="AFC Wimbledon fc" title="AFC Wimbledon fc Logo"
style="width: 35px; height:35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.afcwimbledon.co.uk" target="_blank">AFC Wimbledon</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>2</td><td>3</td><td>1</td><td>3</td><td>4</td>
<td style="width: 40px;"></td>
<td>1</td><td>1</td><td>4</td><td>5</td><td>15</td>
<td style="width: 30px;"></td>
<td>-11</td>
<td>13</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>17</td>
<td class="space">
<img src="../Football/lge_one_images/doncaster-rovers.png" alt="Doncaster Rovers fc" title="Doncaster Rovers fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.doncasterrovers.co.uk" target="_blank">Doncaster Rovers</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>2</td><td>2</td><td>2</td><td>6</td><td>6</td>
<td style="width: 40px;"></td>
<td>1</td><td>1</td><td>3</td><td>6</td><td>7</td>
<td style="width: 30px;"></td>
<td>-1</td>
<td>12</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>18</td>
<td class="space">
<img src="../Football/lge_one_images/milton-keynes-dons.png" alt="MK Dons fc" title="MK Dons fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.mkdons.com" target="_blank">MK Dons</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>1</td><td>3</td><td>1</td><td>5</td><td>8</td>
<td style="width: 40px;"></td>
<td>1</td><td>3</td><td>2</td><td>7</td><td>10</td>
<td style="width: 30px;"></td>
<td>-6</td>
<td>12</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>19</td>
<td class="space">
<img src="../Football/lge_one_images/notts-county.png" alt="Notts County fc" title="Notts County fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.nottscountyfc.co.uk/" target="_blank">Notts County</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>2</td><td>2</td><td>2</td><td>7</td><td>6</td>
<td style="width: 40px;"></td>
<td>0</td><td>3</td><td>2</td><td>4</td><td>8</td>
<td style="width: 30px;"></td>
<td>-3</td>
<td>11</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>20</td>
<td class="space">
<img src="../Football/lge_one_images/blackpool.png" alt="Blackpool fc" title="Blackpool fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.blackpoolfc.co.uk" target="_blank">Blackpool</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>2</td><td>2</td><td>2</td><td>12</td><td>11</td>
<td style="width: 40px;"></td>
<td>1</td><td>0</td><td>4</td><td>4</td><td>9</td>
<td style="width: 30px;"></td>
<td>-4</td>
<td>11</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td class="disabled" colspan="22">
<hr>
</td>
</tr>
<tr>
<td>21</td>
<td class="space">
<img src="../Football/lge_one_images/peterboro.png" alt="Peterborough United fc" title="Peterborough United fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.theposh.com" target="_blank">Peterborough United</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>12</td><td style="width: 30px;"></td>
<td>1</td><td>2</td><td>2</td><td>5</td><td>7</td>
<td style="width: 40px;"></td>
<td>1</td><td>2</td><td>4</td><td>6</td><td>14</td>
<td style="width: 30px;"></td>
<td>-10</td>
<td>10</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>22</td>
<td class="space">
<img src="../Football/lge_one_images/bromley.png" alt="Bromley fc" title="Bromley fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.bromleyfc.co.uk" target="_blank">Bromley</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>1</td><td>2</td><td>3</td><td>4</td><td>14</td>
<td style="width: 40px;"></td>
<td>1</td><td>1</td><td>3</td><td>6</td><td>12</td>
<td style="width: 30px;"></td>
<td>-16</td>
<td>9</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>23</td>
<td class="space">
<img src="../Football/lge_one_images/barnsley.png" alt="Barnsley fc" title="Barnsley fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://www.barnsleyfc.co.uk" target="_blank">Barnsley</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>1</td><td>1</td><td>3</td><td>5</td><td>10</td>
<td style="width: 40px;"></td>
<td>1</td><td>1</td><td>4</td><td>6</td><td>11</td>
<td style="width: 30px;"></td>
<td>-10</td>
<td>8</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
<tr>
<td>24</td>
<td class="space">
<img src="../Football/lge_one_images/wigana.png" alt="Wigan Athletic fc" title="Wigan Athletic fc Logo"
style="width: 35px; height: 35px;"></td>
<td style="width: 250px; padding-left: 20px; text-align: left;">
<a href="https://wiganathletic.com/" target="_blank">Wigan Athletic</a></td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>11</td><td style="width: 30px;"></td>
<td>2</td><td>0</td><td>3</td><td>4</td><td>8</td>
<td style="width: 40px;"></td>
<td>0</td><td>1</td><td>5</td><td>4</td><td>9</td>
<td style="width: 30px;"></td>
<td>-9</td>
<td>7</td>
<td style="width: 30px; background-color: #E5E4E2; border: 0;"></td>
<td>Report</td>
</tr>
</table>
</div>
</body>
</html>