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


Скорректировать Раздел Новости И Статьи

Автор andreyleo, 12 окт. 2014 17:26

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

#21 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Октябрь 2014 - 14:17

Просмотр сообщенияandreyleo (15 Октябрь 2014 - 13:53) писал:

Почти получилось, но на рис12 видно, что заголовок с двумя строчками подчеркивается двумя линиями, а нужно одной снизу, не зависимо от количества строк, ведь заголовок то один, не имеет значения сколько строк. Возможно подправить?
Здравствуйте.
Подчёркнутой сделать только 1 строчку нельзя, т.к. это заголовок размещён на 2 строчки так же и линия идёт в размер заголовка.

#22 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 15 Октябрь 2014 - 15:30

Просмотр сообщенияbatta (15 Октябрь 2014 - 14:17) писал:

Здравствуйте.
Подчёркнутой сделать только 1 строчку нельзя, т.к. это заголовок и он размещён на 2 строчки так же и линия идёт в размер заголовка.

Внимательно прочитайте сообщение 18 и посмотрите рис10 на котором видно, что изначально не было подчеркивания каждой строки, мне так не нужно. Мне всего лишь нужно чтобы осталось как есть, но расстояния, указанные на рис10 были одинаковые не зависимо от количества строк.

#23 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Октябрь 2014 - 15:51

Просмотр сообщенияandreyleo (15 Октябрь 2014 - 15:30) писал:

Внимательно прочитайте сообщение 18 и посмотрите рис10 на котором видно, что изначально не было подчеркивания каждой строки, мне так не нужно. Мне всего лишь нужно чтобы осталось как есть, но расстояния, указанные на рис10 были одинаковые не зависимо от количества строк.
В main.css
#content h2.heading_title {
min-height: 55px;
}
измените на
#content h2.heading_title {
min-height: 35px;
}

в main.css
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
измените на
#content .heading_title span {
/* border-bottom: 1px solid #ff0551; */
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}

#24 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 15 Октябрь 2014 - 16:09

Просмотр сообщенияbatta (15 Октябрь 2014 - 15:51) писал:

В main.css
#content h2.heading_title {
min-height: 55px;
}
измените на
#content h2.heading_title {
min-height: 35px;
}

в main.css
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
измените на
#content .heading_title span {
/* border-bottom: 1px solid #ff0551; */
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}

Что получилось отображено на рис13. Зачем вы убрали подчеркивание, опять же внимательно прочитайте сообщение 18 и посмотрите рисунки. Мне не надо убирать подчеркивание, мне нужно как на рис10, только чтобы расстояния сверху были одинаковые.

Прикрепленные изображения

  • рис13.jpg

#25 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Октябрь 2014 - 17:02

Просмотр сообщенияandreyleo (15 Октябрь 2014 - 16:09) писал:

Что получилось отображено на рис13. Зачем вы убрали подчеркивание, опять же внимательно прочитайте сообщение 18 и посмотрите рисунки. Мне не надо убирать подчеркивание, мне нужно как на рис10, только чтобы расстояния сверху были одинаковые.
В main.css
#content .heading_title span {
/* border-bottom: 1px solid #ff0551; */
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
измените на
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
В main.css
#content h2.heading_title {
min-height: 35px;
}
измените на
#content h2.heading_title {
min-height: 45px;
}

#26 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 15 Октябрь 2014 - 17:26

Просмотр сообщенияbatta (15 Октябрь 2014 - 17:02) писал:

В main.css
#content .heading_title span {
/* border-bottom: 1px solid #ff0551; */
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
измените на
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
В main.css
#content h2.heading_title {
min-height: 35px;
}
измените на
#content h2.heading_title {
min-height: 45px;
}

Зачем вы мне это написали? Так и напишите, что я вам помочь не могу.Как вам еще объяснить, то что получилось после ваших рекомендация показано на рис14, на котором указанны два расстояния, вот мне надо чтобы они были одинаковы. Поменять значение тега min-height я и сам могу, но это не решение проблемы.На этом скриншоте показаны две странице (выделены черной рамкой). На одной странице заголовок из двух строк, на другой из одной. Так вот мне надо чтобы высота, отведенная под заголовок, адаптировалась под сам заголовок, т.к заголовок может быть из одной, двух и более строк.

Прикрепленные изображения

  • рис14.jpg

#27 Vaccina

Vaccina

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

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

Отправлено 17 Октябрь 2014 - 00:20

В main.css найдите и удалите:
#content h2.heading_title {
	min-height: 55px;
}

далее найдите:
#content .heading_title span {
	border-bottom: 1px solid #ff0551;
	bottom: -1px;
	left: 0;
	padding-bottom: 8px;
	padding-right: 10px;
	position: absolute;
}
замените на:
#content .heading_title span {
	border-bottom: 1px solid #ff0551;
	padding-bottom: 8px;
	padding-right: 10px;
}

#28 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 17 Октябрь 2014 - 08:34

Просмотр сообщенияVaccina (17 Октябрь 2014 - 00:20) писал:

В main.css найдите и удалите:
#content h2.heading_title {
min-height: 55px;
}

далее найдите:
#content .heading_title span {
border-bottom: 1px solid #ff0551;
bottom: -1px;
left: 0;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
}
замените на:
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
}

Получилось как в сообщении 20, высота выровнялась, но появилось двойное подчеркивание, не красиво.

#29 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 17 Октябрь 2014 - 09:18

Просмотр сообщенияandreyleo (17 Октябрь 2014 - 08:34) писал:

Получилось как в сообщении 20, высота выровнялась, но появилось двойное подчеркивание, не красиво.
По умолчанию, в шаблоне идет подчеркивание тега <span> с названием новости. Если оно очень длинное (несколько строк),то тег занимает ширину всей строки и подчеркивание становится такой же ширины (во всю строку) независимо о того,где оборвалась последняя строка заголовка.

#30 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 17 Октябрь 2014 - 09:29

Просмотр сообщенияAnnaM (17 Октябрь 2014 - 09:18) писал:

По умолчанию, в шаблоне идет подчеркивание тега <span> с названием новости. Если оно очень длинное (несколько строк),то тег занимает ширину всей строки и подчеркивание становится такой же ширины (во всю строку) независимо о того,где оборвалась последняя строка заголовка.

Посмотрите внимательно рис10, там нет двойного подчеркивания, вот мне так и нужно.

#31 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 17 Октябрь 2014 - 09:39

Просмотр сообщенияandreyleo (17 Октябрь 2014 - 09:29) писал:

Посмотрите внимательно рис10, там нет двойного подчеркивания, вот мне так и нужно.
в main.css замените 
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
}
на 
#content .heading_title span {
/*border-bottom: 1px solid #ff0551;*/
padding-bottom: 8px;
padding-right: 10px;
}
а это 
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #e1e1e1;
position: relative;
color: #333333;
}
на это
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #ff0551;
position: relative;
color: #333333;
}

#32 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 17 Октябрь 2014 - 11:06

Просмотр сообщенияAnnaM (17 Октябрь 2014 - 09:39) писал:

в main.css замените 
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
}
на 
#content .heading_title span {
/*border-bottom: 1px solid #ff0551;*/
padding-bottom: 8px;
padding-right: 10px;
}
а это 
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #e1e1e1;
position: relative;
color: #333333;
}
на это
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #ff0551;
position: relative;
color: #333333;
}

Мы топчемся на одном месте, такой вариант мне уже предлагали. Теперь линия подчеркивается красным на всю длину не зависимо от размера заголовка. Посмотрите рис10. Там видно что при коротком заголовке в одну строчку линия подчеркивается на его длину. А при заголовке в две строчке, естественно что она подчеркивается на всю длину, так как верхняя строчка и занимает всю длину заголовка.

#33 Vaccina

Vaccina

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

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

Отправлено 18 Октябрь 2014 - 01:09

сделайте изменения с поста 27
и далее измените:
#content .heading_title span {
		border-bottom: 1px solid #ff0551;
		padding-bottom: 8px;
		padding-right: 10px;
}
на:
#content .heading_title span {
		border-bottom: 1px solid #ff0551;
		padding-bottom: 8px;
		padding-right: 10px;
		  display: block;
}

#34 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 18 Октябрь 2014 - 07:39

Просмотр сообщенияVaccina (18 Октябрь 2014 - 01:09) писал:

сделайте изменения с поста 27
и далее измените:
#content .heading_title span {
	 border-bottom: 1px solid #ff0551;
	 padding-bottom: 8px;
	 padding-right: 10px;
}
на:
#content .heading_title span {
	 border-bottom: 1px solid #ff0551;
	 padding-bottom: 8px;
	 padding-right: 10px;
		 display: block;
}

Получилось как на рис11. Вопрос не решен.

#35 Vaccina

Vaccina

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

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

Отправлено 21 Октябрь 2014 - 03:37 

#content .heading_title span {
	border-bottom: 1px solid #ff0551;
	bottom: -1px;
	left: 0;
	padding-bottom: 8px;
	padding-right: 10px;
	position: absolute;
	width: 100%;
}
замените на:
#content .heading_title span {
	border-bottom: 1px solid #ff0551;
	display: block;
	padding-bottom: 8px;
	padding-right: 10px;
	width: 100%;
}

в этом случае не будет двойных подчеркиваний и само подчеркивание будет на всю длину блока, а не заголовка

#36 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 21 Октябрь 2014 - 22:25

Просмотр сообщенияVaccina (21 Октябрь 2014 - 03:37) писал:

#content .heading_title span {
border-bottom: 1px solid #ff0551;
bottom: -1px;
left: 0;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
width: 100%;
}
замените на:
#content .heading_title span {
border-bottom: 1px solid #ff0551;
display: block;
padding-bottom: 8px;
padding-right: 10px;
width: 100%;
}

в этом случае не будет двойных подчеркиваний и само подчеркивание будет на всю длину блока, а не заголовка

Мне нужно, чтобы подчеркивания были как на рисунке 10, а расстояния как на рисунке 11, если так сделать нельзя, то тему можно закрывать.

#37 Vaccina

Vaccina

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

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

Отправлено 22 Октябрь 2014 - 01:27

продублируйте изображения, что именно необходимо изменить, если необходимо чтобы подчеркивание было не до конца блока, то достаточно удалить стиль width: 100%; из блока стилей выше

#38 andreyleo

andreyleo

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений

Отправлено 22 Октябрь 2014 - 09:37

Просмотр сообщенияVaccina (22 Октябрь 2014 - 01:27) писал:

продублируйте изображения, что именно необходимо изменить, если необходимо чтобы подчеркивание было не до конца блока, то достаточно удалить стиль width: 100%; из блока стилей выше

На рис15 изображено два заголовка из раздела "Новости СМИ". Как вы видите у одного заголовка одна строчка, у другого - две, т.е у них разная высота. Мне нужно, чтобы высота отведенная под заголовок адаптировалась под высоту заголовка, которая зависит от количества строк или проще говоря мне нужно чтобы расстояние 1 равнялось расстоянию 2. Все больше менять ничего не нужно.

Прикрепленные изображения

  • рис15.jpg

#39 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 22 Октябрь 2014 - 10:27

Просмотр сообщенияandreyleo (22 Октябрь 2014 - 09:37) писал:

На рис15 изображено два заголовка из раздела "Новости СМИ". Как вы видите у одного заголовка одна строчка, у другого - две, т.е у них разная высота. Мне нужно, чтобы высота отведенная под заголовок адаптировалась под высоту заголовка, которая зависит от количества строк или проще говоря мне нужно чтобы расстояние 1 равнялось расстоянию 2. Все больше менять ничего не нужно.
Здравствуйте.
В main.css найдите код 
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
position: absolute;
bottom: -1px;
left: 0px;
}
И замените на 
#content .heading_title span {
border-bottom: 1px solid #ff0551;
padding-bottom: 8px;
padding-right: 10px;
display: block;
float: left;
}
Так же найдите 
#content h2.heading_title {
min-height: 55px;
}
И замените на 
#content h2.heading_title {
display: block;
overflow: hidden;
}

#40 traktaryna

traktaryna

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 22 Октябрь 2014 - 11:34

Всем, привет!
Хотели на наш сайт залить статьи и чтобы они отражались в футере.
Залили, назвали  "Дневник красоты", кликаешь и он переименовывается на "Каталог статьи".
А как мне поменять урл , чтобы он был более понятный

Прикрепленные изображения

  • Безымянный.jpg
  • скрин 1.jpg

Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Другое
  6. Privacy Policy