Новости Joomla

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

baklajan

  • Новичок
  • 7
  • 0 / 0
подскажите, пожалуйста, как разделить пункты в горизонтальном меню, они слились в одну строчку, а хотелось бы между ними расстояние в 20 пикселей.   !!!???!!!  Сейчас код такой:

В индексном файле
<div  align="center" id="mainlevel-nav">
<?php if (mosCountModules('left')>0) mosLoadModules('left',-1); ?>
</div>

В CSS прописано:
ul#mainlevel-nav {
margin-right: 10px;
margin-left: 10px;
}
ul#mainlevel-nav li {
margin-right: 10px;
margin-left: 10px;
}

CSS-cуффикс класса прописан -nav

Заранее прошу прощение за тупой вопрос и благодарю за дельный совет!
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Код
ul#mainlevel-nav li {
margin-right: 10px;
margin-left: 10px;
padding-bottom:20px;
}
*

baklajan

  • Новичок
  • 7
  • 0 / 0
Спасибо! Но ничего не изменилось!
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Спасибо! Но ничего не изменилось!

На здоровье! Но это значит, что тип меню у вас не "Плоский список", а "Горизонтальный" - а значит элементы UL-LI не работают!
*

Aleks_El_Dia

  • Живу я здесь
  • 3671
  • 353 / 0
  • AEDStudio Joomla! Direction
А дедовским способом - Пунктами меню типа "Разделитель" не катит?
Спам придумали боги в отместку за наши молитвы (с) Рома Воронежский
На молоко: Z369038872422 || R210017695494 || U247040729215 || ЯД 410011288250383
Мигрирую сайты, переношу расширения J!1.0->J!1.5->J!2.5. Более 50 успешных миграций.
*

chtec

  • Захожу иногда
  • 230
  • 100 / 1
#mainlevel {
   padding-bottom: 20px;
}

и, кстати, попробуй через класс

.mainlevel {
   padding-bottom: 20px;
}

смотри только, чтобы это был последний mainlevel в твоем .css, или вообще в конец допиши.
Осень тоже хорошо.
*

baklajan

  • Новичок
  • 7
  • 0 / 0
Всего второй день с Joomlой. А чем плоский список от горизонтального отличается? Мне нужен горизонтальный, если на плоский поменять, то получается обычный вертикальный список с точками. Дедовским способом каждый может  :laugh:, но мне нужно расстояние 20 пикселов между пунктами меню или что-то в этом роде. Если в "разделителе" поставить, скажем 10 пробелов, то все равно не срабатывает, в обычном сайте можно просто вставить 1-пиксельную прозрачную картинку между пунктами меню  и задать ей ширину 20 пикселей, а здесь уж не знаю что делать!
*

baklajan

  • Новичок
  • 7
  • 0 / 0
Эх, все равно не получается:
ul#mainlevel-nav {
margin-right: 10px;
margin-left: 10px;
padding-bottom:20px;
padding-right: 10px;
padding-left: 10px;
}

ul#mainlevel-nav li {
margin-right: 10px;
margin-left: 10px;
padding-bottom:20px;
padding-right: 10px;
padding-left: 10px;
}

и через класс тоже:
.mainlevel {
   padding-bottom: 20px;
}
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
смотри только, чтобы это был последний mainlevel в твоем .css, или вообще в конец допиши.

То, что у него у него в будет не mainlevel, a mainlevel-nav - никак не смущает? ;)

Кроме того - #mainlevel не будет работать вообще никогда, а .mainlevel назначать не рекомендуется категорически - мало ли где он еще встретится (например, в Главном меню слева, например, в нижнем меню и т.д.)
*

chtec

  • Захожу иногда
  • 230
  • 100 / 1
То, что у него у него в будет не mainlevel, a mainlevel-nav - никак не смущает? ;)

ужасно смущает  :-*  ;)

А .mainlevel-nav поможет?
Осень тоже хорошо.
*

baklajan

  • Новичок
  • 7
  • 0 / 0
#mainlevel был как вариант
В любом случае все перепробовано, а меню слитное. В чем может быть ошибка?
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Вот пример.
Вставьте только свои padding и margin - s

Код
ul#mainlevel-nav {
  list-style       : none;
  margin           : 0px;
  padding:0px;
  display:inline;
}
#mainlevel-nav li {
  display          : inline;
  list-style       : none;
  background-image : none;
  padding          : 0px;
  margin           : 0px;
  width            : auto !important;
  font-size        : 11px;
  white-space      : nowrap;
  padding-right:10px;
}
#mainlevel-nav li a {
  display          : inline;
  padding-left     : 0px;
  padding-right    : 0px;
  margin:0px;
  font-size        : 11px;
  color            : #AAAAAA;
  text-decoration  : none;
}
#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #AAAAAA;
  text-decoration:underline;
}
*

baklajan

  • Новичок
  • 7
  • 0 / 0

Вот! Это то, что нужно! Большое спасибо!!!!!!!!!!!!!!!
*

baklajan

  • Новичок
  • 7
  • 0 / 0
Ну есть же добрые люди на свете!!! Я уже полюбила этот форум  :-*
Спасибо всем!!!!! И в особенности Adeptus!!!!!!!!!!!!!! Пойду дальше ломать голову  crazy! 
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Ну есть же добрые люди на свете!!! Я уже полюбила этот форум  :-*
Спасибо всем!!!!! И в особенности Adeptus!!!!!!!!!!!!!! Пойду дальше ломать голову  crazy! 

Не надо ее ломать. Лучше в нее думать... :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает пункт меню в админке Новый материал

Автор NICTO

Ответов: 8
Просмотров: 5015
Последний ответ 01.05.2022, 19:01:23
от Maksdal
Меню сайта. Выделение активной страницы в меню.

Автор Dies

Ответов: 9
Просмотров: 10359
Последний ответ 27.01.2016, 12:29:26
от Daser
Не могу отредактировать пункты меню

Автор Kr1og5n

Ответов: 0
Просмотров: 2866
Последний ответ 20.12.2013, 11:21:35
от Kr1og5n
как убрать/скрыть меню с главной страницы

Автор seetro

Ответов: 2
Просмотров: 2735
Последний ответ 24.03.2011, 16:29:27
от alex2011
Как сделать выезжающее справа из меню в картинках субменю?

Автор mayra

Ответов: 3
Просмотров: 4543
Последний ответ 18.07.2010, 22:18:50
от dinox