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
Post a Comment