Перейти к содержимому


Не Отображаются Границы У Таблиц


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 16

#1 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 20 Апрель 2016 - 12:37

Добрый день.

Мне не нужно решение, при котором назначается граница конкретно к этой таблице отдельно в CSS. Мне нужно понять, где задаётся какое-то нелепое условие, которое не даёт применять нужные границы из админки.

tab.png

Ссылка в графическом изображении.

Вот как в админке:
adminka.png

Без границ получается информационная каша.

Сообщение отредактировал Andrew S.: 20 Апрель 2016 - 12:39


#2 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 20 Апрель 2016 - 13:12

Просмотр сообщенияAndrew S. (20 Апрель 2016 - 12:37) писал:

Добрый день.

Мне не нужно решение, при котором назначается граница конкретно к этой таблице отдельно в CSS. Мне нужно понять, где задаётся какое-то нелепое условие, которое не даёт применять нужные границы из админки.

Прикрепленный файл tab.png

Ссылка в графическом изображении.

Вот как в админке:
Прикрепленный файл adminka.png

Без границ получается информационная каша.

Здравствуйте. Отключение рамок стоит в шаблоне 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,table,caption,tbody,tfoot,thead,tr,th,td,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;
}
table,tbody,thead,tr,th,td {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;
	background: transparent;
	font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}


#3 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 20 Апрель 2016 - 13:50

Просмотр сообщенияRedHead (20 Апрель 2016 - 13:12) писал:

Здравствуйте. Отключение рамок стоит в шаблоне 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,table,caption,tbody,tfoot,thead,tr,th,td,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;
}
table,tbody,thead,tr,th,td {
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

1. А подскажите ещё, как сделать так, чтобы действовали внутренние, внешние отступы в таблицах?

2. И как назначить цвет внешних границ таблиц.

3. И там же, почему-то, жирный шрифт не работает. Это тоже отключено?

Сообщение отредактировал Andrew S.: 20 Апрель 2016 - 13:55


#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 20 Апрель 2016 - 14:16

Просмотр сообщенияAndrew S. (20 Апрель 2016 - 13:50) писал:

1. А подскажите ещё, как сделать так, чтобы действовали внутренние, внешние отступы в таблицах?

2. И как назначить цвет внешних границ таблиц.

3. И там же, почему-то, жирный шрифт не работает. Это тоже отключено?

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
table,tbody,thead,tr,th,td {
		border-color: #d0d0d0;
		font-size: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		outline: 0;
		background: transparent;
		font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

Замените на:
table,tbody,thead,tr,th,td {
		border-color: #d0d0d0;
		font-size: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		vertical-align: baseline;
		background: transparent;
		font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

2. Цвет для границ конкретной таблицы Вы можете задать либо через отдельный класс, либо через style с параметром border: 1px solid КОД ЦВЕТА.

3. На данный момент у Вас отсутствуют ограничения для вывода жирности текста. Проверили непосредственно на тексте в указанном выше разделе каталога.

#5 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 20 Апрель 2016 - 15:38

Просмотр сообщенияFirefly (20 Апрель 2016 - 14:16) писал:

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
table,tbody,thead,tr,th,td {
	 border-color: #d0d0d0;
	 font-size: 100%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
	 vertical-align: baseline;
	 outline: 0;
	 background: transparent;
	 font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

Замените на:
table,tbody,thead,tr,th,td {
	 border-color: #d0d0d0;
	 font-size: 100%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin: 0;
vertical-align: baseline;
background: transparent;
	 font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

2. Цвет для границ конкретной таблицы Вы можете задать либо через отдельный класс, либо через style с параметром border: 1px solid КОД ЦВЕТА.

3. На данный момент у Вас отсутствуют ограничения для вывода жирности текста. Проверили непосредственно на тексте в указанном выше разделе каталога.

1. Всё равно не работает. В админке в этом разделе заданы отступы, их нет.

2. Мне не нужно так:
bordergvno.png
Этим способом задаются границы для всех таблиц без исключения, мне это не надо. Надо, чтоб в других таблицах осталось как было:
bordergvno2.png
Нужно только чтобы и внешние границы были такого же цвета, как и внутренние. И всё. Смотреть с 1-го сообщения и то, что сейчас:
now.png

3. Тогда почему не работает жирный шрифт? Если я в CSS файле добавляю стиль жирный, то работает, а если в админке - нет. Что за дела с админкой? Сайт живёт какой-то своей жизнью, админка на него не влияет во всём.

Сообщение отредактировал Andrew S.: 20 Апрель 2016 - 15:52


#6 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 26 Апрель 2016 - 10:30

Просмотр сообщенияAndrew S. (20 Апрель 2016 - 15:38) писал:

1. Всё равно не работает. В админке в этом разделе заданы отступы, их нет.

2. Мне не нужно так:
Прикрепленный файл bordergvno.png
Этим способом задаются границы для всех таблиц без исключения, мне это не надо. Надо, чтоб в других таблицах осталось как было:
Прикрепленный файл bordergvno2.png
Нужно только чтобы и внешние границы были такого же цвета, как и внутренние. И всё. Смотреть с 1-го сообщения и то, что сейчас:
Прикрепленный файл now.png

3. Тогда почему не работает жирный шрифт? Если я в CSS файле добавляю стиль жирный, то работает, а если в админке - нет. Что за дела с админкой? Сайт живёт какой-то своей жизнью, админка на него не влияет во всём.

Здравствуйте. Вы не забыли про меня?

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Май 2016 - 03:58

1. В main.css найдите:
table,tbody,thead,tr,th,td {
		 border-color: #d0d0d0;
		 font-size: 100%;
		 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 box-sizing: border-box;
		 margin: 0;
vertical-align: baseline;
background: transparent;
		 font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

замените на:
table, tbody, thead, tr, th, td {
	border-color: #d0d0d0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	padding: 2px;
}

2. Можно изменить код из первого пункта, чтобы стили действовали на таблицы только в описаниях, для этого в main.css код:
table, tbody, thead, tr, th, td {
	border-color: #d0d0d0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	padding: 2px;
}

замените на:
.htmlDataBlock table, .htmlDataBlock tbody, .htmlDataBlock thead, .htmlDataBlock tr, .htmlDataBlock th, .htmlDataBlock td {
	border-color: #d0d0d0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	padding: 2px;
}

3. Причина в том, что стили, которые вы указываете в описания ниже по уровню нежели стили в main.css, то есть сначало срабатывают стили из админ панели, но потом сверху срабатывают стили из main.css

#8 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 11 Май 2016 - 13:57

Просмотр сообщенияVaccina (11 Май 2016 - 03:58) писал:

1. В main.css найдите:
table,tbody,thead,tr,th,td {
		 border-color: #d0d0d0;
		 font-size: 100%;
		 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 box-sizing: border-box;
		 margin: 0;
vertical-align: baseline;
background: transparent;
		 font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
}

замените на:
table, tbody, thead, tr, th, td {
border-color: #d0d0d0;
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
vertical-align: baseline;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
padding: 2px;
}

2. Можно изменить код из первого пункта, чтобы стили действовали на таблицы только в описаниях, для этого в main.css код:
table, tbody, thead, tr, th, td {
border-color: #d0d0d0;
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
vertical-align: baseline;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
padding: 2px;
}

замените на:
.htmlDataBlock table, .htmlDataBlock tbody, .htmlDataBlock thead, .htmlDataBlock tr, .htmlDataBlock th, .htmlDataBlock td {
border-color: #d0d0d0;
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
vertical-align: baseline;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
padding: 2px;
}

3. Причина в том, что стили, которые вы указываете в описания ниже по уровню нежели стили в main.css, то есть сначало срабатывают стили из админ панели, но потом сверху срабатывают стили из main.css

"Барабанная дробь"...

1 и 2 пока не меняю, т.к. нужно менять причину проблемы, а не бегать за последствиями:

3. А почему стили, которые я указываю в описаниях - ниже по уровню стилей из main.css?

Почему я, как пользователь системы storeland, не могу пользоваться самой простой и элементарной админ-панелью на 100%? Тратя на пустяковые вещи кучу своего времени и отвлекая вас по пустякам? Почему я не могу просто поставить то, что нужно в админ-панели и дело с концом? Ведь простецкие вещи-то можно там контролировать?

Что, если пользователю в одних описаниях нужно сделать одну таблицу со своими свойствами, а в других - другую?

Я сейчас начну изменять всё это и начнётся эпопея на пол года по изменению и регулировке границ по всему сайту, я что, не знаю что ли как это всё происходит? К тому же необходимый результат уже заранее недостижим, если двигаться в этом направлении.
Я готов много чего изменить, но только если двигаться в правильную сторону. Это всё изначально должно было быть продумано на сайте, а не так, как сейчас. Шрифты курсивы-жирные не работают, границы не понять какие ставятся, везде разные, отступы не работают. Неужели админка в части товаров и каталога создана только для того, чтобы текст забивать? Или, чтобы при создании товара или папки каталога - нужно каждый раз лезть куда-то в сложные стили и что-то где-то прописывать? Создавать темы на форуме? Ждать неделями решения задач?

Нужно, чтобы всё, что зависит от админки в товарах и в каталоге, менялось в админке.
А всё, что настраивается только в main.css - настраивалось там. Это есть порядок.

tovar1.png tovar2.png
Вот такая красота в товарах в описаниях.

catalog1.png
Вот такая красота в описаниях каталога.

Можно хотя бы настроить цвета таблиц только в описаниях товаров и каталогов? И чтобы работали шрифты - жирные, курсивы, жирные курсивы. Чтобы отступы из админки в разделах редактирования описаний работали, а не непонять откуда. Можно сделать как у людей?

Чтобы все остальные таблицы по всему сайту остались такими, какие они есть. Чтобы всё работало. Как вам ещё объяснить?

Из админки в редакторе также можно главную и другие страницы редактировать. И везде своя свистопляска. Давайте наведём порядок?

Достижим ли он вообще - этот порядок? Составить общую картину того, как я его представляю?

stat'ya.png
Вот статья на постороннем сайте со шрифтами. У меня это нереализуемо сейчас ((

Сообщение отредактировал Andrew S.: 12 Май 2016 - 02:57


#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Май 2016 - 06:40

Произведите изменения выше, чтобы поправить ситуацию с таблицей. Если говорить в общем, то необходимо в main.css убрать все общие стили для ссылок, текста и таблиц и указывать их только для конкретных блоков, в этом случае не будем проблем с визуальной настройкой в описании.

#10 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 13 Май 2016 - 04:40

Просмотр сообщенияVaccina (12 Май 2016 - 06:40) писал:

Произведите изменения выше, чтобы поправить ситуацию с таблицей. Если говорить в общем, то необходимо в main.css убрать все общие стили для ссылок, текста и таблиц и указывать их только для конкретных блоков, в этом случае не будем проблем с визуальной настройкой в описании.

Вот так и надо сделать. А то, что если мы сделаем эту таблицу - так куча других недоделанными останутся всё равно. Придётся думать что делать.

#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Май 2016 - 02:11

Данный блок стилей:
.htmlDataBlock table, .htmlDataBlock tbody, .htmlDataBlock thead, .htmlDataBlock tr, .htmlDataBlock th, .htmlDataBlock td {
border-color: #d0d0d0;
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
vertical-align: baseline;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
padding: 2px;
}

работал бы только для таблицы в описаниях страниц\товаров\новостей, уточните пожалуйста, имеется ли у вас обычный текст без таблиц, который простилизован, но выводится иначе из-за общих стилей сайта?

#12 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 15 Май 2016 - 06:04

Просмотр сообщенияVaccina (14 Май 2016 - 02:11) писал:

Данный блок стилей:
.htmlDataBlock table, .htmlDataBlock tbody, .htmlDataBlock thead, .htmlDataBlock tr, .htmlDataBlock th, .htmlDataBlock td {
border-color: #d0d0d0;
font-size: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
vertical-align: baseline;
background: transparent;
font-family: "Roboto-Regular", Arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
padding: 2px;
}

работал бы только для таблицы в описаниях страниц\товаров\новостей, уточните пожалуйста, имеется ли у вас обычный текст без таблиц, который простилизован, но выводится иначе из-за общих стилей сайта?

1. Зачем мне добавлять padding во всех таблицах, если в описаниях страниц\товаров\новостей в админке можно добавлять свои отступы? Свою толщину границы? Или вовсе убирать границу, задавая значение "0". Разве нельзя сделать так, чтобы они задавались из админки в тех разделах? Чтобы из админки по-максимуму там всё редактировалось? Можно задать только цвет таблиц внешних и внутренних в описаниях страниц\товаров\новостей.

2. Уточняю. Да, имеется. Я вообще старался не пользоваться жирными и курсивами, чтобы не было путаницы, т.к. они всё равно не работают. Но это надоело. Мы платим не за урезанный функционал. Обидно пользоваться тем, что есть, в то время, когда возможностей гораздо больше.
А) Пропадают маркеры списка - круги - в ОПЛАТЕ. http://forum.storela...959#entry236959
Б) На странице АКЦИИ не работает жирный шрифт.
В) Ещё - желательно задать ссылкам другой цвет, а не обычный по сайту. То есть по всему сайту на ссылки в тексте, который на белом фоне с подчёркиванием - другой цвет шрифта.
Г) Курсивы тоже не работали, я их убрал, т.к. они вместо Arial становились Sans-Serif-подобными с палочками на буквах. Видать, не везде убрал, это видно на странице "Ремонт помещений" в шапках таблиц. Сейчас хоть шрифт нужный работает, но не работают жирные и курсивы.
Д) Про жирные-курсивы я вообще молчу.

Я не знаю, если честно, как продумать всю систему, чтоб всё работало. Это надо сесть и начать думать, смотреть все страницы. Чтобы привести сайт в тот порядок, который должен был быть изначально.

#13 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 15 Май 2016 - 07:06

Получается как-то так. Смотря какую точку отсчёта выбирать.

I. Если исходить из шрифтов и стилей таблиц.
1. Шрифт на страницах, описаниях категорий товаров и на страницах товаров - по всему сайту один и тот же шрифт, точней несколько шрифтов, сгруппированных в три, имеющих тонкое, среднее и толстое начертание, с курсивами и жирными курсивами.
/* Первое дополнительное семейство тонких шрифтов */
@font-face {
		 font-family: 'Roboto-Thin';
		 src: url('http://***.ru/design/Roboto-Thin.ttf') format('truetype');
		 font-weight: normal;
		 font-style: normal;
}
@font-face {
		 font-family: 'Roboto-Thin';
		 src: url('http://***.ru/design/Roboto-ThinItalic.ttf') format('truetype');
		 font-weight: normal;
		 font-style: italic;
}
@font-face {
		 font-family: 'Roboto-Thin';
		 src: url('http://***.ru/design/Roboto-Light.ttf') format('truetype');
		 font-weight: bold;
		 font-style: normal;
}
@font-face {
		 font-family: 'Roboto-Thin';
		 src: url('http://***.ru/design/Roboto-LightItalic.ttf') format('truetype');
		 font-weight: bold;
		 font-style: italic;
}
/* Второе основное семейство обычных шрифтов */
@font-face {
font-family: 'Roboto-Regular';
src: url('http://***.ru/design/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
		 font-family: 'Roboto-Regular';
		 src: url('http://***.ru/design/Roboto-Italic.ttf') format('truetype');
		 font-weight: normal;
		 font-style: italic;
}
@font-face {
		 font-family: 'Roboto-Regular';
		 src: url('http://***.ru/design/Roboto-Medium.ttf') format('truetype');
		 font-weight: bold;
		 font-style: normal;
}
@font-face {
		 font-family: 'Roboto-Regular';
		 src: url('http://***.ru/design/Roboto-MediumItalic.ttf') format('truetype');
		 font-weight: bold;
		 font-style: italic;
}
/* Третье дополнительное семейство толстых шрифтов */
@font-face {
		 font-family: 'Roboto-Bold';
		 src: url('http://***.ru/design/Roboto-Bold.ttf') format('truetype');
		 font-weight: normal;
		 font-style: normal;
}
@font-face {
		 font-family: 'Roboto-Bold';
		 src: url('http://***.ru/design/Roboto-BoldItalic.ttf') format('truetype');
		 font-weight: normal;
		 font-style: italic;
}
@font-face {
		 font-family: 'Roboto-Bold';
		 src: url('http://***.ru/design/Roboto-Black.ttf') format('truetype');
		 font-weight: bold;
		 font-style: normal;
}
@font-face {
		 font-family: 'Roboto-Bold';
		 src: url('http://***.ru/design/Roboto-BlackItalic.ttf') format('truetype');
		 font-weight: bold;
		 font-style: italic;
}
Стили на остальных страницах, где изменения производятся только в коде - были бы заданы в коде. Они в принципе так и заданы.

2. Таблицы - если есть возможность тут (или в стилях):
CSS.png
прописывать цвета внешних и внутренних границ, то даже общий стиль задавать не нужно для таблиц на этих страницах. Их можно было бы прописывать здесь для каждой отдельной таблицы.
Если нет такой возможности, то писать один стиль для всех границ.
А остальные стили - выбирать в админке.

II. Если исходить из страниц - надо смотреть каждую страницу. Страницы, которые по группам:
А) прописываются только в коде. исходя из этого подправлять потом все эти страницы в коде.
Б) или имеющие адаптированную для человека версию, встроенную в админку. Тут придётся только везде шрифты и таблицы настроить.
В) Также имеются всякие h1, h2, h3, h4, прописанные в css.

Я не знаю в каком направлении двигаться к этой цели.

#14 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 12 Август 2016 - 10:29

Можно начать по порядку. Например со шрифтов на всём сайте. Или с таблиц. Или с меню вот таких:
stili.png
Где стили просто теряются.э

Давайте начнём с таблиц, как шло в этой теме. Потом шрифты чтобы работали жирные курсивы и тп. Потом такие маркеры абзацев починим.

#15 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 12 Август 2016 - 13:40

Просмотр сообщения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 код цветов и сами цвета Вы можете посмотреть здесь.

Вопросов здесь было озвучено очень много и на часть из них уже есть ответы. Поэтому легко запутаться. Скажите, пожалуйста, у Вас остались еще какие-нибудь вопросы по данной теме? Если остались напишите, пожалуйста, их так же по пунктам.

#16 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 15 Август 2016 - 18:48

Просмотр сообщенияStasya (12 Август 2016 - 13:40) писал:

Давайте начнем по порядку.
Таблицы:
Проблема заключается в следующем, когда в редакторе Вы указываете в свойствах таблицы отступы, границы и пр., а в файле стилей указаны другие стили, то свойства таблицы перекрываются примененными стилями.
Разберем на примере отступов внутри ячейки. В редакторе в поле Внутренний отступ ячеек Вы задаете например 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 код цветов и сами цвета Вы можете посмотреть здесь.

Вопросов здесь было озвучено очень много и на часть из них уже есть ответы. Поэтому легко запутаться. Скажите, пожалуйста, у Вас остались еще какие-нибудь вопросы по данной теме? Если остались напишите, пожалуйста, их так же по пунктам.

1. Обалдеть. Теперь границы даже какие-то красивые стали. И двойные можно делать теперь. Спасибо!
1borders.png

2. Всё работает.

Что не работает, я не понял точно с какой темы, всё объединил вот сюда:

http://forum.storela...093#entry245093

#17 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 16 Август 2016 - 17:16

Просмотр сообщенияAndrew S. (15 Август 2016 - 18:48) писал:

1. Обалдеть. Теперь границы даже какие-то красивые стали. И двойные можно делать теперь. Спасибо!
Прикрепленный файл 1borders.png

2. Всё работает.

Что не работает, я не понял точно с какой темы, всё объединил вот сюда:

http://forum.storela...093#entry245093

Ответила Вам в этой ветке форума.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных