Shifting text across in table

  • Hello,

    I’ve created a table that currently looks like this

    https://1070009035.test.prositehosting.co.uk/timetable/

    what I’m looking to do is move the times in the header to the left a few px so they’re centered over the lines rather than over the boxes.
    Additionally, I’ve noticed that any CSS properties I add to the header also get applied to the row with the days, so that would need to be addressed as well.

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)

  • I don’t think it’s possible to have table cell contents straddling their own borders with the markup you’ve got there.

    How about just making the columns wider and keeping the text as close as possible to the left border, something like:

    tr.topheader th { min-width:100px; border-left:1px solid #777; padding:0 0 0 2px;}

    By the way, to differentiate between the header / days with CSS rules you can use:
    tr.topheader th {}
    for the top row and
    th.rowheader {}
    for the days column.

    Hope that helps
    -g

    Thread Starter irncru

    (@irncru)

    hmm ok, thanks a lot for the heads up on both!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Shifting text across in table’ is closed to new replies.