0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 1719 Просмотров
*

rembot

  • Захожу иногда
  • 101
  • 2 / 0
  • +++
Сайт kosmosinvest.ru

Вертикальное меню слева, 2 основные проблемы:

1) В заголовках меню текст обрезается
2) В подменю текст выходит за границы блока.

Пытался решить проблему играясь с
Код
white-space
, но в результате текст переносился на новую строчку и все строчки сливались в кашу. Как отредактировать код, что бы текст подменю переносился на новую строчку, но не сливался с нижними подпунктами.
*

Vasiliy111

  • Захожу иногда
  • 246
  • 5 / 0
Re: Как отредактировать меню?
« Ответ #1 : 10.02.2012, 15:09:04 »
текст выходит за граници блока

в template.css удалите (измените отступ)строка 971

padding-left: 25px;
*

rembot

  • Захожу иногда
  • 101
  • 2 / 0
  • +++
Re: Как отредактировать меню?
« Ответ #2 : 10.02.2012, 15:30:52 »
Отступ уменьшил, но собственно говоря проблему это не решило, текст то все равно длиннее блока.
*

Pazys

  • Завсегдатай
  • 1740
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Как отредактировать меню?
« Ответ #3 : 10.02.2012, 15:43:37 »
Строка: 971
Код: css
ul.art-vmenu ul a
{
  display: block;
  white-space: nowrap; /* Вы сами решили текст не переносить на новую строку ... удалите */
  height: 24px; /* Теперь после удаления у вас 2 строки текста не поместится в эту высоту ... удалите */
  overflow: visible;
  background-image: url('../images/vsubitem.gif');
  background-position: 25px 0;
  background-repeat: repeat-x;
  padding-left: 5px;
}

Надеюсь далее по аналогии разберетесь, что делать?

не забывайте line-height исправлять ... у вас слишком большое значение
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

rembot

  • Захожу иногда
  • 101
  • 2 / 0
  • +++
Re: Как отредактировать меню?
« Ответ #4 : 14.02.2012, 09:38:03 »
Цитировать
Строка: 971
Код
ul.art-vmenu ul a
{
  display: block;
  white-space: nowrap; /* Вы сами решили текст не переносить на новую строку ... удалите */
  height: 24px; /* Теперь после удаления у вас 2 строки текста не поместится в эту высоту ... удалите */
  overflow: visible;
  background-image: url('../images/vsubitem.gif');
  background-position: 25px 0;
  background-repeat: repeat-x;
  padding-left: 5px;
}

Надеюсь далее по аналогии разберетесь, что делать?

не забывайте line-height исправлять ... у вас слишком большое значение

Спасибо за совет, но я примерно так и действовал, просто после этого блоки накладываются друг на друга, как сейчас на сайте. Вот как с этим справиться не знаю. Может они позиционируются не относительно друг друга, а относительно заголовка.
*

Pazys

  • Завсегдатай
  • 1740
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Как отредактировать меню?
« Ответ #5 : 14.02.2012, 10:16:54 »
Ну вы наверно еще плохо разбираетесь в CSS. Вам надо либо самому разобраться, либо прибегнуть к чьей-либо помощи.

Если сами решите - FireBug.ru
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

rembot

  • Захожу иногда
  • 101
  • 2 / 0
  • +++
Re: Как отредактировать меню?
« Ответ #6 : 14.02.2012, 10:20:30 »
Цитировать
Ну вы наверно еще плохо разбираетесь в CSS. Вам надо либо самому разобраться, либо прибегнуть к чьей-либо помощи.

Если сами решите - FireBug.ru

Ну да, я пока что только учусь. Постараюсь разобраться самостоятельно, спасибо.
*

tyana

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Как отредактировать меню?
« Ответ #7 : 14.02.2012, 12:41:33 »
Помогите разобраться с меню. Вот сам шаблон: http://template15.joomlart.com/ja_edenite/
я переделываю в зеленый цвет. вот мой сайт test.itolkom.ru/
само меню меня устраивает, а вот выпадающее... оно не совсем соответствует шаблону, никак не могу найти и подобраться к этим параметром, а именно: 1. непонятно откуда вообще вылез формат последнего пункта выпадающего меню,
2. сам фон выпадающего меню. 3. и выделенный пункт выпадающего меню. (((
подскажите. два дня уже бьюсь.
*

Vasiliy111

  • Захожу иногда
  • 246
  • 5 / 0
Re: Как отредактировать меню?
« Ответ #8 : 14.02.2012, 12:59:12 »
сам фон выпадающего меню это картинка grad2.gif
выделенный пункт выпадающего меню это картинка grad2-2.gif

хотите изменить цвет меню, изменяйте цвет картинок

Цитировать
1. непонятно откуда вообще вылез формат последнего пункта выпадающего меню,
непонял вопроса!
*

tyana

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Как отредактировать меню?
« Ответ #9 : 14.02.2012, 13:05:25 »
в шаблоне самый нижний пункт выпадающего меню, такой же как и все остальные в выпадающем меню, в моем же случае несколько иначе.
*

tyana

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Как отредактировать меню?
« Ответ #10 : 14.02.2012, 13:15:36 »
нет... фон выпадающего меню идет не картинкой в том то и дело, последний почему выделяется картинкой и это печально, потому выделяться должен картинкой лишь выделенный пункт выпадающего меню.
*

Vasiliy111

  • Захожу иногда
  • 246
  • 5 / 0
Re: Как отредактировать меню?
« Ответ #11 : 14.02.2012, 13:30:18 »
Цитировать
нет... фон выпадающего меню идет не картинкой в том то и дело

почему не картинкой?

#ja-cssmenu li ul {
    background: url("../../images/grad2.gif") repeat-x scroll center bottom #91AE4E;
    border: 1px solid #A2CD5A;
}
*

tyana

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Как отредактировать меню?
« Ответ #12 : 14.02.2012, 14:09:22 »
не поверите, но нашла, где собака зарыта. да именно в этих строках, но нижний пункт меню картинкой, остальные цветом. исправила.
*

tyana

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Как отредактировать меню?
« Ответ #13 : 14.02.2012, 15:07:54 »
Всё подправила, спасибо за помощь.
« Последнее редактирование: 14.02.2012, 15:21:11 от tyana »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 359
Последний ответ 20.07.2020, 11:18:44
от kuraev64
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 236
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 516
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Ссылки в меню в мобильной версии

Автор Андрей Нестеров

Ответов: 1
Просмотров: 330
Последний ответ 11.12.2019, 10:47:20
от sivers
Как убрать отступы между меню и каруселью?

Автор Vanya

Ответов: 0
Просмотров: 404
Последний ответ 22.07.2019, 17:13:10
от Vanya