- 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.
Can anybody show me how to make a table that looks like this? I’m having trouble with the css code
Looks like what?
I`m just trying to figure out how to post the img right now
Host the image somewhere (I use Photobucket but there are other options) and post a link.
Also, try creating a reduced case demo in Codepen.io or JSFiddle.net
This is what I currently have. The code may look confusing but I have no clue if there is an easier way to do it.
table {
layout: auto;
border: 6px solid;
border-collapse: collapse;
border-color: #8c1717;
}
thead, th:nth-child(1){
border: 1px solid;
background-color: #CD9B9B;
}
td:nth-child(1) { background-color: #CD9B9B;}
td:nth-child(8) { background-color: #CD9B9B;}
td:nth-child(15){ background-color: #CD9B9B;}
Yeah…but we need to see the HTML…in a demo as mentioned above.