Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks

Wednesday, July 9, 2014

Practical HTML and CSS

IDNameJobEmail
0001Johnny FiveRobotin'need@input.com
0002Super SuperlonglastnamesmithDoin' stuff doing@stuff.com
0003Johnny FiveRobotin'need@input.com
0004Super SuperlonglastnamesmithDoin' stuff doing@stuff.com
0005Johnny FiveRobotin'need@input.com
0006Super SuperlonglastnamesmithDoin' stuff doing@stuff.com
0007Johnny FiveRobotin'need@input.com
0008Super SuperlonglastnamesmithDoin' stuff doing@stuff.com




.users {
table-layout: fixed;
width: 100%;
white-space: nowrap;
}
.users td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* Column widths are based on these cells */
.row-ID {
width: 10%;
}
.row-name {
width: 40%;
}
.row-job {
width: 30%;
}
.row-email {
width: 20%;
}