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

rembot

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

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

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

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

Vasiliy111

  • Захожу иногда
  • 248
  • 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

  • Завсегдатай
  • 1738
  • 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

  • Завсегдатай
  • 1738
  • 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

  • Захожу иногда
  • 248
  • 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

  • Захожу иногда
  • 248
  • 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 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1546
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2120
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 814
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 794
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

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