LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
Table attribute name longer than expected
Table attribute name longer than expected
Value
Value
Description
Description
align left, center, right Not supported in HTML5. Deprecated in HTML 4.01. Specifies the alignment of a table according to surrounding text
bgcolor rgb(x,x,x), #xxxxxx, colorname Not supported in HTML5. Deprecated in HTML 4.01. Specifies the background color for a table
border 1,"" Specifies whether the table cells should have borders or not
cellpadding pixels Not supported in HTML5. Specifies the space between the cell wall and the cell content
cellspacing pixels Not supported in HTML5. Specifies the space between cells
frame void, above, below, hsides, lhs, rhs, vsides, box, border Not supported in HTML5. Specifies which parts of the outside borders that should be visible
rules none, groups, rows, cols, all Not supported in HTML5. Specifies which parts of the inside borders that should be visible
summary text Not supported in HTML5. Specifies a summary of the content of a table
width pixels, % Not supported in HTML5. Specifies the width of a table
align left, center, right Not supported in HTML5. Deprecated in HTML 4.01. Specifies the alignment of a table according to surrounding text
bgcolor rgb(x,x,x), #xxxxxx, colorname Not supported in HTML5. Deprecated in HTML 4.01. Specifies the background color for a table
border 1,"" Specifies whether the table cells should have borders or not
cellpadding pixels Not supported in HTML5. Specifies the space between the cell wall and the cell content
cellspacing pixels Not supported in HTML5. Specifies the space between cells
frame void, above, below, hsides, lhs, rhs, vsides, box, border Not supported in HTML5. Specifies which parts of the outside borders that should be visible
rules none, groups, rows, cols, all Not supported in HTML5. Specifies which parts of the inside borders that should be visible
summary text Not supported in HTML5. Specifies a summary of the content of a table
width pixels, % Not supported in HTML5. Specifies the width of a table
CSS
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
}
.wrapper {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -o-box-align: stretch;
  align-items: stretch;
  height: 100%;
  max-height: 100%;
}
section {
  position: relative;
  border: 1px solid #000;
  padding-top: 37px;
  background: transparent;
  width: 100%;
}
section:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, #e3e3e3, #9a9a9a);
  height: 37px;
  border-bottom: solid 1px #fff;
}
section.positioned {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 800px;
  box-shadow: 0 0 15px #333;
}
.container {
  overflow-y: auto;
  height: 100%;
}
table {
  border-spacing: 0;
  width: 100%;
  font-size: 0.8em;
}
td + td {
  border-left: 1px solid #eee;
}
td,
th {
  color: #000;
  padding: 10px 25px;
  box-sizing: border-box;
}
td:nth-child(1),
th:nth-child(1),
td:nth-child(2),
th:nth-child(2) {
  max-width: 100px;
}
td:nth-child(1) div,
th:nth-child(1) div,
td:nth-child(2) div,
th:nth-child(2) div {
  max-width: 140px;
}
tr:nth-child(even) td {
  background: #eee;
  border-color: #fff;
}
tr:last-child td {
  border-bottom: solid 1px #eee;
}
tr.separator td {
  padding: 0;
  height: 3px;
  background: linear-gradient(to bottom, #e3e3e3, #9a9a9a, #e3e3e3);
}
th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  white-space: nowrap;
}
th div {
  position: absolute;
  background: linear-gradient(to bottom, #e3e3e3, #9a9a9a);
  color: #000;
  padding: 0 25px;
  top: 0;
  margin-left: -25px;
  line-height: normal;
  border-left: 1px solid #e3e3e3;
  height: 37px;
  line-height: 37px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
th:first-child div {
  border: none;
}

Description

Added a flex wrapper to https://jsfiddle.net/dPixie/byB9d/3/light/
Term
Sat, 04/14/2018 - 20:48

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv