Colspan probs

J

jakey

Joined
Mar 29, 2023
Messages
28
Reaction score
1
Have tried to construct a English football league table but i'm having a problem with "colspan".
Code: 
<!DOCTYPE html>
<html lang="en">
<head>

    <title>League One Table for 2026/27 Season</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link rel="stylesheet" type="text/css" href="mystyles.css">

    <link rel="stylesheet" type="text/css" href="form.css">
    
</head>

<body>

    <div class="container" style="margin-top: 60px;">

    <h2 style="margin-bottom: 10px;">
    League One Table for 2026/27 Season</h2>
    
    <table width="100%" class="table">
    <tr>
        <th colspan="24" style="padding-bottom: 10px;">Home</th><th colspan="-20">Away</th>
    </tr>
    
    <tr>
        <th class="pos" style="text-decoration: underline;">Pos</th>
        <th class="space"></th>
        <th class="teams" style="text-align: center;
        text-decoration: underline;">Teams</th>
        <th class="space"></th>
        <th class="played" style="text-decoration: underline;">P</th>
        <th class="space"></th>
        <th class="won" style="text-decoration: underline;">W</th>
        <th class="drawn" style="text-decoration: underline;">D</th>
        <th class="lost" style="text-decoration: underline;">L</th>
        <th class="for" style="text-decoration: underline;">F</th>
        <th class="against" style="text-decoration: underline;">A</th>
        <th class="space"></th>
        <th class="won" style="text-decoration: underline;">W</th>
        <th class="drawn" style="text-decoration: underline;">D</th>
        <th class="lost" style="text-decoration: underline;">L</th>
        <th class="for" style="text-decoration: underline;">F</th>
        <th class="against" style="text-decoration: underline;">A</th>
        <th class="space"></th>
        <th class="goal_diff" style="text-decoration: underline;">Gd</th>
        <th class="space"></th>
        <th class="points" style="text-decoration: underline;">Pts</th>
        <th class="space"></th>
        <th class="report">Report</th>
        <th class="space"></th>
        <th class="form">Form Guide</th>
        </tr>
                                                                                                                                                                    
        <tr>
        <td class="pos">1</td>
        <td class="space">
        <img src="lge_one_images/afc-wimbledon.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.afcwimbledon.co.uk/" target="_blank">
       AFC Wimbledon</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/ce8n1j2rn4qt"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                  
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>
                                                                                                                                                                            
        <tr>
        <td class="pos">2</td>
        <td class="space">
        <img src="lge_one_images/barnsley.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.barnsley.co.uk" target="_blank">
       Barnsley</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/ce8n1j2rn4qt"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                  
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>
                                                                                                                                                                                                                                                                    
        <tr>
        <td class="disabled" colspan="25">
            <hr>
        </td>
        </tr>
                                                                                                                                                                                    
        <tr>
        <td class="pos">3</td>
        <td class="space">
        <img src="lge_one_images/blackpool.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.blackpoolfc.co.uk" target="_blank">
       Blackpool</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/ce8n1j2rn4qt"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                  
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>
                                                                                                                                                                                    
        <tr>
        <td class="pos">4</td>
        <td class="space">
        <img src="lge_one_images/bradford-city.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.bradfordcityafc.com" target="_blank">
       Bradford City</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/ce8n1j2rn4qt"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                  
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>
                                                                                                                                                            
        <tr>
        <td class="pos">5</td>
        <td class="space">
        <img src="lge_one_images/bromley.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.bromleyfc.co.uk/" target="_blank">
        Bromley</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/ce8n1j2rn4qt"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                  
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>
                                                                                                                                                                    
        <tr>
        <td class="pos">6</td>
        <td class="space">
        <img src="lge_one_images/burtona.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.burtonalbionfc.co.uk/" target="_blank">
        Burton Albion</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/ce8n1j2rn4qt"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                  
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>
                                                                                                                                                                                                                                                                    
        <tr>
        <td class="disabled" colspan="25">
            <hr>
        </td>
        </tr>
                                                                                                                        
        <tr>
        <td class="pos">7</td>
        <td class="space">
        <img src="lge_one_images/cambridgeu.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.cambridge-united.co.uk/"
        target="_blank">Cambridge United</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                        
        <tr>
        <td class="pos">8</td>
        <td class="space">
        <img src="lge_one_images/doncaster-rovers.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.doncasterroversfc.co.uk/"
        target="_blank">Doncaster Rovers</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                
        <tr>
        <td class="pos">10</td>
        <td class="space">
        <img src="lge_one_images/leic.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.lcfc.com/pages/en/home"
        target="_blank">Leicester City</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                        
        <tr>
        <td class="pos">11</td>
        <td class="space">
        <img src="lge_one_images/leytono.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.cambridge-united.co.uk/"
        target="_blank">Leyton Orient</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                
        <tr>
        <td class="pos">12</td>
        <td class="space">
        <img src="lge_one_images/luto.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.lutontown.co.uk/en"
        target="_blank">Luton Town</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                        
        <tr>
        <td class="pos">13</td>
        <td class="space">
        <img src="lge_one_images/mansfieldt.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.mansfieldtown.net"
        target="_blank">Mansfield Town</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                        
        <tr>
        <td class="pos">14</td>
        <td class="space">
        <img src="lge_one_images/milton-keynes-dons.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.mkdons.com"
        target="_blank">Milton Keynes Dons</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                        
        <tr>
        <td class="pos">15</td>
        <td class="space">
        <img src="lge_one_images/oxf.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.oufc.co.uk"
        target="_blank">Oxford United</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                
        <tr>
        <td class="pos">16</td>
        <td class="space">
        <img src="lge_one_images/peterboro.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.theposh.com"
        target="_blank">Peterborough United</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                                
        <tr>
        <td class="pos">17</td>
        <td class="space">
        <img src="lge_one_images/pma.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.pafc.co.uk"
        target="_blank">Plymouth Argyle</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                                
        <tr>
        <td class="pos">18</td>
        <td class="space">
        <img src="lge_one_images/reading.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.readingfc.co.uk"
        target="_blank">Reading</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                        
        <tr>
        <td class="pos">19</td>
        <td class="space">
        <img src="lge_one_images/swfc.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.swfc.co.uk"
        target="_blank">Sheffield Wednesday</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                        
        <tr>
        <td class="pos">20</td>
        <td class="space">
        <img src="lge_one_images/stevenage.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.stevenagefc.com"
        target="_blank">Stevenage</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                        
        <tr>
        <td class="pos">21</td>
        <td class="space">
        <img src="lge_one_images/wigana.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://wiganathletic.com/"
        target="_blank">Wigan Athletic</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                                
        <tr>
        <td class="pos">22</td>
        <td class="space">
        <img src="lge_one_images/wycombew.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.wwfc.com"
        target="_blank">Wycombe Wanderers</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cy4w38kxwv1t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">

        <table class="table">
          <tr>
          
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
          </tr>
        </table>

        </td>
        </tr>
                                                                                                                                                                                                                                                        
        <tr>
        <td class="disabled" colspan="25">
            <hr>
        </td>
        </tr>
                                                                                                                                        
        <tr>
        <td class="pos">23</td>
        <td class="space">
        <img src="lge_two_images/harrogate-town.png" alt="Club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.harrogatetownafc.com/"
        target="_blank">Harrogate Town</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/cn4gyzqegq4t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
                    
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
                
        </td>
        </tr>
                                                                                                                                            
        <tr>
        <td class="pos">24</td>
        <td class="space">
        <img src="lge_two_images/newport-county.png" alt="club logo"
        style="width: 25px; height: 25px;"></td>
        <td class="teams">
        <a href="https://www.newport-county.co.uk/" target="_blank">
        Newport County</a></td>
        <td class="space"></td>
        <td class="played">00</td>
        <td class="space"></td>
        <td class="won">00</td>
        <td class="drawn">00</td>
        <td class="lost">00</td>
        <td class="for">00</td>
        <td class="against">00</td>
        <td class="space"></td>
        <td>00</td><td>00</td><td>00</td><td>00</td><td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td>00</td>
        <td class="space"></td>
        <td><a href="https://www.bbc.co.uk/sport/football/live/c80jr5kzjm8t"
        target="_blank">Report</a></td>
        <td class="space"></td>
        <td class="form">
    
        <table class="table">
        <tr>
        
            <td class="box-3" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        
            <td class="box-2" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        
            <td class="box-1" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-4" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
            
            <td class="box-5" style="background-color: #ffffff;
            border: 1px solid #000; color: #F5F5F5; font-weight: bold;"></td>
        </tr>
        </table>
    
        </td>
        </tr>


    </table>
    
    </div>

</body>
</html>
Code:


As you will see i have managed to place "Home" above the appropriate column but i can't remember how to place "Away" above the other column. Could someone help me please.
 
J

jakey

Joined
Mar 29, 2023
Messages
28
Reaction score
1
Haven't used Colspan or Rowspan in ages so i genuinely did forget how to use them correctly.
luckily i managed to remember their proper use. So there's no need to thank anyone.
 
C

c1lonewolf

Joined
Jul 12, 2020
Messages
96
Reaction score
10
you're still going to have problems later on. You have empty columns, your image and team name are in 2 different columns so you need to have the "teams" heading span both or combine them into one column and do away with all that inline styling. It only causes problems. Validators will convert them into class items. Also for the "html" doctype all meta and link tags must end with a space followed by a forward slash. Plus you never mentioned how many columns the "away" heading was supposed to cover.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Need help with <rowspan> in an HTML table 1
Can anyone please help? HTML - two tables applying different styles 4
Hello I am learning how to code and I tried making a calculator with HTML and js with some CSS I am stuck at thing, Like the screen value is 0
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Having trouble centering contents of td ? 3
I need help fixing my website 2
HTML Table Issue 2
Bootstrap contact form not working 2

Members online

No members online now.
Total: 68 (members: 0, guests: 68)
Robots: 312

Forum statistics

Threads
474,468
Messages
2,571,790
Members
48,797
Latest member
PeterSimpson

Latest Threads

Top