• Hi All

    I’m having a problem with tables and borders, and am look for some help.

    I am running the following website:
    https://ju-jitsu.co.uk/

    I did not build it, but inherited it.

    I am creating a “events” page – https://ju-jitsu.co.uk/upcoming-events/

    The problem that I am having is as follows. The top row of the main table reads “Year, Month, Date, Event Name, Location, Age Range”.
    It has a border at the top and bottom of each cell.

    This is great, as this is what I want. The code I used to create is as follows:
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”35″>Year</td>
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”71″>Month</td>
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”50″>Date</td>
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”334″>Event Name</td>
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”214″>Location</td>
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”150″>Age Range</td>
    </tr>

    And it works… but only in the top row. When I replicate is further down (to create a break between months), only the bottom border comes through.

    Does anyone have any ideas?
    (NB: I’m not an expert on CSS, and have created this via the “text editor”)

    Cheers

    [ No bumping please. ]

  • The topic ‘Trouble with Tables and Borders’ is closed to new replies.