Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Formatting table cells combinations without using tr:nthchild(odd/even)

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #200015
    pnichols
    Participant

    I am a css newbie and am working on a table that combines rows with split and non-split cells. I’ve gone through your awesome guide to tables, and tried replacing tr:nth-child (odd/even) with colgroup:before/after, with no luck.

    Here is a link that shows the incorrect formatting of the table. If you click on the Download specs link you can see what the table should look like.

    I’m sure I’m doing something really daft. I would be very grateful if someone could offer some assistance.
    Thanks!

    Paula

    #200025
    Paulie_D
    Member

    No link supplied that I can see.

    We really like demos in Codepen rather than having to inspect sites or download things from unknown sources.

    #200032
    pnichols
    Participant

    Here it is:
    http://corehog.businesscatalyst.com/high-performance-4-flute.html

    I do that all the time!

    Thanks!

    #200040
    Paulie_D
    Member

    We really like demos in Codepen rather than having to inspect sites or download things from unknown sources.

    #200061
    pnichols
    Participant

    Let me know if I did this correctly. Here is the codepen link that shows the incorrect formatting (i.e.row colors) of the table.
    http://codepen.io/paulanichols/pen/bNPwNm via @CodePen

    I’m not sure how you can see the correct format with out seeing this pdf link, but am open to suggestions.
    http://corehog.businesscatalyst.com/media/vhog-specs.pdf

    #200461
    gena
    Participant

    Think this will work for you: http://codepen.io/anon/pen/dPxzPp

    You wouldn’t use nth-child(odd) since you have multiple rows with color, you could if it was consistent, but you have some with 2 rows, some with 3. Easier solution is just setting the odd class on the specific rows, assuming this won’t be dynamic data and you have access to html.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.