Andrew S. (12 Август 2016 - 10:29) писал:
Можно начать по порядку. Например со шрифтов на всём сайте. Или с таблиц. Или с меню вот таких:
stili.png
Где стили просто теряются.э
Давайте начнём с таблиц, как шло в этой теме. Потом шрифты чтобы работали жирные курсивы и тп. Потом такие маркеры абзацев починим.
Давайте начнем по порядку.
Таблицы:
Проблема заключается в следующем, когда в редакторе Вы указываете в свойствах таблицы отступы, границы и пр., а в файле стилей указаны другие стили, то свойства таблицы перекрываются примененными стилями.
Разберем на примере отступов внутри ячейки. В редакторе в поле Внутренний отступ ячеек Вы задаете например 10 и сохраняете. Таким образом html код таблицы имеет вид
<table cellpadding="10" style="width:100%;">
где свойство cellpadding="10" и есть отступ внутри ячейки. Но если в файле стилей к этой таблице или ее родителю прописано
padding:0
то отступ в свойствах перекроется стилем и у ячеек будут отступы 0.
Чтобы поправить данную проблему Вам необходимо в файле main.css найти блок
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}
и заменить его на
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
/* padding: 0;*/
vertical-align: baseline;
/* border: 0;*/
outline: 0;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}
Затем найти блок
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0
}
и замените его на
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
/* padding: 0*/
}
Чтобы работали отступы между ячейками необходимо так же убрать стили. В файле main.css найдите блоки (их у Вас 2)
table {
border-spacing: 0;
border-collapse: collapse
}
и замените на
table {
/*border-spacing: 0;
border-collapse: collapse*/
}
Выше в коде я сразу поправила и толщину границы. В присланных блоках все стили закомментированы, а не удалены по причине того, чтобы можно было вернут изменения обратно, если Вам они не понравятся.
Теперь шрифты
Все дело в том что, по какой-то причине для тегов, которые использует редактор не прописаны стили. В таком случае пропишем их.
В файл main.css добавьте блок
strong{font-weight:bold}
em{font-style: italic;}
Теперь что касается списков.
Насколько я вижу сами маркеры у Вас уже добавляются. Поэтому остается только сделать отступ слева.
Для этого в конец файла main.css еще добавьте блок
.htmlDataBlock ol, .htmlDataBlock ul, .htmlDataBlock dl {
padding: 0 40px;
}
Чтобы изменить цвет ссылок Вам необходимо в файле main.css найти блок
.PageContentText a {
text-decoration: underline;
}
и заменить его на
.PageContentText a {
text-decoration: underline;
color: #578a76;
}
Здесь поставила Вам зеленый цвет- #578a76, взятый из шапки. Вы можете заменить его на любой другой, какой Вам больше нравится. HTML код цветов и сами цвета Вы можете посмотреть
здесь.
Вопросов здесь было озвучено очень много и на часть из них уже есть ответы. Поэтому легко запутаться. Скажите, пожалуйста, у Вас остались еще какие-нибудь вопросы по данной теме? Если остались напишите, пожалуйста, их так же по пунктам.