Forums

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

Home Forums CSS HELP!!

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

    Can anybody show me how to make a table that looks like this? I’m having trouble with the css code

    #198073
    Paulie_D
    Member

    Looks like what?

    #198075
    jfin95
    Participant

    I`m just trying to figure out how to post the img right now

    #198076
    Paulie_D
    Member

    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

    #198078
    jfin95
    Participant

    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;}

    #198082
    Paulie_D
    Member

    Yeah…but we need to see the HTML…in a demo as mentioned above.

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