html - Style sheet CSS: table cell dimension and padding -
i don't know css, i'm working joomla using template; need formatted table in page information. found table sheet seems purpose:
<style type="text/css"> /*syllabus*/ table { width: 10%; //margin-right: auto; //margin-left: auto; text-align: left; //border-collapse: collapse; //border-bottom: 5px solid; //border: 20px solid #fff; border-color: 993333; //border-spacing: 0.0; //box-shadow: 0px 0px 7px 7px #999999; padding: 0px; } td { //padding-left: 10px; // padding-top: 10px; //padding-bottom: 10px; // padding-right: 10px; padding: 0px; } table { color: #cf7600; padding: 0px; } thead { font-family: montserrat; font-weight: 200; color: #fff; } thead > tr { background-color: #222; padding: 0px; } //#cfcfcf tbody > tr:nth-child(even) {background-color: #f7f7f7; padding: 0px;} tbody > tr:nth-child(odd) {background-color: #ececec; padding: 0px;} tbody > tr > td:first-child { text-align: center; padding: 0px; } </style>
but can't remove kind of "padding" in rows:
all padding
field in code test resolve problem (without success). how can remove orrible space between text , table? seems can't resize table (table { width: 10%;
has no effect)...maybe, there global css "hide" local css? how can disable in page?
the problem cell in table contains lot of data , automatically go newline destroying layout; resolve problem with
max-width:100%; white-space:nowrap;
Comments
Post a Comment