2015-03-14 4 views
1

У меня есть редактор html (ckeditor). Я могу легко сделать пробел , который дал мне этот кодcss не переписывать таблицу cellpadding = '10 '

У меня есть код css выше этого кода, который разбивает мою первую строку ckeditor. так CELLPADDING бесполезно, и это не то, что я ищу

Я попробовал класс nostyle без успеха (это в конце моего поста)

<div class='nostyle'> 
<p>my title</p> 
<!--- beginning of ckeditor source --!> 
<table align="center" border="1" cellpadding="10" cellspacing="10" style="margin:100px; padding:100px"> 
<tbody> 
<tr> 
<td style="vertical-align:bottom"><img alt="" src="box4m3.png" style="height:147px; width:146px" /></td> 
<td style="vertical-align:bottom"><img alt="" src="box8m3.png" style="height:200px; width:199px" /></td> 
<td style="vertical-align:bottom"><img alt="" src="box12m3.png" style="height:250px; width:248px" /></td> 
</tr> 
</table> 
<!--- end of ckeditor source --!> 

nostyle CSS:

.nostyle{ 
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 
License: none (public domain) 
*/ 
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
margin: 0; 
padding: 0; 
border: 0; 
font-size: 100%; 
font: inherit; 
vertical-align: baseline; 
} 
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
display: block; 
} 
body { 
line-height: 1; 
} 
ol, ul { 
list-style: none; 
} 
blockquote, q { 
quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
content: ''; 
content: none; 
} 
table { 
border-collapse: collapse; 
border-spacing: 0; 
} 
}.nostyle{ 
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 
License: none (public domain) 
*/ 
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
margin: 0; 
padding: 0; 
border: 0; 
font-size: 100%; 
font: inherit; 
vertical-align: baseline; 
} 
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
display: block; 
} 
body { 
line-height: 1; 
} 
ol, ul { 
list-style: none; 
} 
blockquote, q { 
quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
content: ''; 
content: none; 
} 
table { 
border-collapse: collapse; 
border-spacing: 0; 
} 
} 
+0

Я не уверен, что вы пытаетесь сделать, но попробовали ли вы использовать поле? Если вы используете пробелы, это может быть полезно. –

+0

@ A.Abramov - поля не применяются к элементам с типами отображения таблиц. – Quentin

+0

Ваш файл nostyle здесь находится в CSS или в SASS/LESS? Потому что вы не можете сделать '.nostyle {table {}}' в CSS. –

ответ

1

Это невозможно.

specification требует, чтобы в случае, когда правило представления HTML и правило CSS противоречило, CSS всегда будет выигрывать.

UA может выбрать для восприятия презентационных атрибутов в исходном HTML-документе. Если это так, эти атрибуты переводятся в соответствующие правила CSS со спецификой, равной 0, и обрабатываются так, как если бы они были вставлены в начале таблицы стилей автора. Поэтому они могут быть переопределены последующими правилами таблицы стилей. На переходном этапе эта политика упростит использование стилистических атрибутов со списками стилей.

nostyle.css определяет отступы для td и th элементов, поэтому он всегда будет перезаписывать атрибут cellpadding.