Trouble with Tables and Borders
-
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.