html - reset CSS affecting inline styling and table attributes -


i have

reset.css

/* resets default browser css. */  html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, code,  del, dfn, em, img, q, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {    margin: 0;    padding: 0;    border: 0;    font-weight: inherit;    font-style: inherit;    font-size: 100%;    font-family: inherit;    vertical-align: baseline;  }    /* tables still need 'cellspacing="0"' in markup. */  table { border-collapse: separate; border-spacing: 0; }  caption, th, td { text-align: left; font-weight: normal; }  table, td, th { vertical-align: middle; }    /* remove possible quote marks (") <q>, <blockquote>. */  blockquote:before, blockquote:after, q:before, q:after { content: ""; }  blockquote, q { quotes: "" ""; } 

my problem when applying styles importantly cell-padding on table, these not being applied. style applying :

<table class='roaming-table' width='310' cellpadding='6' cellspacing='0' border='0' style='border-color:#00abbd; border-width:0px; border-style:solid; padding:3px'> 

if inspect web page , untick reset styles, mystyle applied accordingly.

ps cannot remove reset.css doing other things in other areas

the fiddle can seen here: http://jsfiddle.net/aar9n/

would me out figure in solving issue.

to in separate style sheet can use these rules:

table.roaming-table {     border: 10px solid #00abbd;      padding: 3px;      width: 310px; }  table.roaming-table td {     padding: 6px; } 

you can include these in <style> tag on page, too.


Comments

Popular posts from this blog

javascript - jquery or ashx not working -

opencv - DataType<cv::detail::deriv_type>::depth what is it used for -

python 3.x - Mapping specific letters onto a list of words -