Trouble with Tables and Borders

  • Unknown's avatar
    spiralsofdanu · Member ·

    Hi All

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

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

    I did not build it, but inherited it.

    I am creating a “events” page – http://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 style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”71″>Month
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”50″>Date
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”334″>Event Name
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”214″>Location
    <td style=”background-color: #c0c0c0; text-align: center; border-bottom: 1px solid #000000; border-top: 1px solid #000000;” width=”150″>Age Range
    </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

  • Unknown's avatar
    pedger · Member ·

    Hello

    Your website is not hosted at WordPress.com, therefore you should post this issue on WordPress.org forums since here is the forum to wordpress.com users.

    more info at:
    https://en.support.wordpress.com/com-vs-org/

    but… on your style.css there is a rule on td that is overriding the inline styles

  • Unknown's avatar
    spiralsofdanu · Member ·

    Thanks Pedger – can you please tell me which line I should edit in my CSS style?

    Many thanks

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