Новости Joomla

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

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Перенос строки в mainmenu
« : 28.12.2009, 15:51:27 »
Добрый день!
У меня такая проблема: в a.mainlevel я сделал меню, с задним фоном. Если пункт меню состоит из длинного словосочетания, то оно переносится вниз, но получается неравномерно. Пример прикрепил. Как сделать так, чтобы пункт меню располагался по центру между линиями?

[вложение удалено Администратором]
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: Перенос строки в mainmenu
« Ответ #1 : 29.12.2009, 16:22:28 »
Ну попробуй прописать
vertical-align: middle;
*

maragva

  • Захожу иногда
  • 103
  • 1 / 0
Re: Перенос строки в mainmenu
« Ответ #2 : 02.01.2010, 23:24:52 »
угумс... А ежели не сработает, мона поиграться с paddingom, верхом и низом, правда это более заморочено
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #3 : 04.01.2010, 21:51:51 »
vertical-align: middle; - не помогло
паддингом тоже парился - лажа. Есть ли какой-нибудь способ точно все отцентрировать?
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: Перенос строки в mainmenu
« Ответ #4 : 04.01.2010, 23:40:44 »
Есть ли какой-нибудь способ точно все отцентрировать?
Есть, лечить пациента без посредника....ссылку на сайт пожалуйста.....
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #5 : 04.01.2010, 23:52:47 »
*

zlideni

  • Захожу иногда
  • 337
  • 76 / 0
Re: Перенос строки в mainmenu
« Ответ #6 : 05.01.2010, 00:47:47 »
Удалите в файле template_css.css в 49 строке
.mainlevel {
height:18px;
}
упс и проверти как работает в разных браузерах...............
« Последнее редактирование: 05.01.2010, 00:56:45 от zlideni »
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #7 : 05.01.2010, 00:50:47 »
Товарищ zlideni, вы просто гений. Спасибо вам огромное!

Re: Перенос строки в mainmenu
« Ответ #8 : 05.01.2010, 21:33:14 »
Здраствуйте. Может поможет кто-то. есть верхнее горизонтальное меню. Там пять ссылок. У каждой ссылки-фон. есть ссылки состоящие из двух слов. Соответственно ссылка вылезает из фона. Надо сделать что бы было в две строчки. может кто то подскажет что делать?
*

Аня

  • Давно я тут
  • 745
  • 33 / 0
  • Копатыч нестабилен!
Re: Перенос строки в mainmenu
« Ответ #9 : 06.01.2010, 00:00:37 »
Задай контейнеру, в котором сидит ссылка (ну, например li), фиксированную ширину по ширине фона.
Fatal error - это не фатально!!! Я проверила.
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #10 : 25.01.2010, 12:45:31 »
А еще хочу узнать:
Есть код CSS для topmenu:
Код
ul#mainlevel-nav {
text-decoration: none;
list-style: none;
padding: 0;
margin: 0 0px;
float:left;
color:#E7A038;
}
ul#mainlevel-nav li {
width:145px;
float:left;
font-size:0.9em;
height:40px;
line-height:40px;

display:inline;
}
ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
font-size: 14px;
font-weight:bold;
text-align:center;
text-decoration:none;
white-space:nowrap;
display:block;
overflow:hidden;
color: #ffffff;
margin:0;
padding:0;
background: url(/templates/loky2/images/knopka.gif);
}
ul#mainlevel-nav li a:hover {
white-space:nowrap;
margin:0;
padding:0;
color: #ffffff;
background-position: -145px 0;
}
Как сделать так, что бы строки тоже переносились?
*

Olg

  • Завсегдатай
  • 1182
  • 90 / 2
Re: Перенос строки в mainmenu
« Ответ #11 : 25.01.2010, 12:49:22 »
Уберите white-space:nowrap;
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #12 : 25.01.2010, 13:07:30 »
Получилось дублирование кнопки по вертикали. Как сделать так, что бы перенесся только текст на следующую строку?
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #13 : 26.01.2010, 11:12:01 »
Помогите, пожалуйста!
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Перенос строки в mainmenu
« Ответ #14 : 26.01.2010, 13:05:32 »
Проще посмотреть по сайту, но он, увы, не работает на данный момент.
www.tours-petersburg.com
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #15 : 27.01.2010, 00:13:25 »
здесь же по-другому
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #16 : 28.01.2010, 12:16:46 »
Вопрос еще открыт. Помогите пожалуйста.
*

Аня

  • Давно я тут
  • 745
  • 33 / 0
  • Копатыч нестабилен!
Re: Перенос строки в mainmenu
« Ответ #17 : 29.01.2010, 10:15:17 »
Вот этому бэкграунду
Код
background: url(/templates/loky2/images/knopka.gif);
-задай
Код
background-repeat: no-repeat;
,
тогда кнопка не будет дублироваться по-вертикали, но уместится ли в нее текст в две строчки?
Fatal error - это не фатально!!! Я проверила.
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #18 : 29.01.2010, 11:23:06 »
Скорее всего не уместится - нижняя строка будет совсем внизу (там где должна была продублироваться кнопка)
*

Аня

  • Давно я тут
  • 745
  • 33 / 0
  • Копатыч нестабилен!
Re: Перенос строки в mainmenu
« Ответ #19 : 29.01.2010, 11:37:41 »
Ну, побольше этот гиф сделай, рассчитай все! И о результатах расскажи.
Fatal error - это не фатально!!! Я проверила.
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #20 : 29.01.2010, 11:58:46 »
Но мне не нужно удлинять в высоту кнопочку. Мне нужно, что бы на ней смогли разместиться две строчки. В mainmenu - без проблем, в топ меню геморрой почему-то
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Перенос строки в mainmenu
« Ответ #21 : 29.01.2010, 13:10:14 »
Но мне не нужно удлинять в высоту кнопочку. Мне нужно, что бы на ней смогли разместиться две строчки. В mainmenu - без проблем, в топ меню геморрой почему-то
Может попробовать сделать через таблицу?
*

qwe88

  • Захожу иногда
  • 367
  • 3 / 1
Re: Перенос строки в mainmenu
« Ответ #22 : 29.01.2010, 13:20:49 »
Это как?
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Перенос строки в mainmenu
« Ответ #23 : 29.01.2010, 13:31:56 »
В настройках модуля выбираете cтиль меню «(Legacy) Вертикально»
А в стилях прописывает для ячеек этого меню
Код: css
.menu td{vertical-align: middle;}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перенос блоков

Автор Forgiving

Ответов: 0
Просмотров: 940
Последний ответ 15.03.2020, 10:22:43
от Forgiving
Перенос текста, направление текста в списке?

Автор warlocksp

Ответов: 1
Просмотров: 1455
Последний ответ 15.07.2019, 21:51:54
от warlocksp
Выделение строки таблицы при наведении

Автор March Cat

Ответов: 6
Просмотров: 3076
Последний ответ 27.10.2018, 18:27:16
от effrit
Как вывести заголовок модуля - меню в две строки?

Автор Flame

Ответов: 3
Просмотров: 3914
Последний ответ 03.11.2016, 23:32:55
от pashaiglesias
Хлебные крошки настройка строки

Автор AnnaLyu

Ответов: 7
Просмотров: 2860
Последний ответ 29.01.2016, 22:31:35
от esvova