Table > remove a line inside cell
-
Hello,
I would like to remove the white line at the bottom of my 3 head cells, but i do not know how to do : http://lapousse.fr/comparatif-offres-site-internet
Thank for your help !
My table CSS :
table { width: 100%; border-collapse: separate; border-spacing: 8px 0px !important; table-layout: fixed; } /* Zebra striping */ tr:nth-of-type(odd) { background: #eee; } th { /* column 1 - desktop view */ background: #444444; color: white; font-weight: bold; text-align: left; white-space:nowrap; font-weight: normal; padding: 12px; font-style: normal !important; border-bottom: 0; position: relative; } td, th { /* column 1 - desktop view */ padding: 6px; text-align: left; } td:after { height: 1px; background: #fff; content: ''; width: 100%; position: absolute; bottom: 0; left: 0; } th:after { height: 1px; background: #fff; content: ''; width: 100%; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { table, thead, tbody, th, td, tr { /* Force table to not be like tables anymore */ display: block; } thead tr { /* Hide table headers (but not display: none;, for accessibility) */ position: absolute; top: -9999px; left: -9999px; } td { /* colomn 2 - mobile view */ border: none !important; border-bottom: 1px solid #ffffff !important; position: relative; padding-left: 50%; background-color: #f6f6f6; text-align: center; min-height: 40px; } td:before { /* colomn 1 - mobile view */ position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; color: #444444; } /* Label the data */ td:nth-of-type(1):before { content: "Site Vitrine"; } td:nth-of-type(2):before { content: "Site Catalogue"; } td:nth-of-type(3):before { content: "Site Ecommerce"; } } .border-top-rounded { border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; } td { text-align: center; white-space:nowrap; padding: 12px; border-left: 2px solid; border-right: 2px solid; border-bottom: 0; position: relative; background-color: #f6f6f6 } @media (min-width: 768px){ table tr th:first-child { width: 40%; white-space: normal; } table tr td { white-space: normal; } }
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
The topic ‘Table > remove a line inside cell’ is closed to new replies.
