- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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.
Here it is:
http://corehog.businesscatalyst.com/high-performance-4-flute.html
I do that all the time!
Thanks!
We really like demos in Codepen rather than having to inspect sites or download things from unknown sources.
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
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.