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

sett

  • Захожу иногда
  • 54
  • 0 / 0
Элементарный код для меню. Хочу слева от каждого пункта меню поставить маркер. Прописываю "list-style: circle;" - маркеры не появляются... посмотрите пожалуйста код, что не так прописано?  :(

a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  font-size         : 12px;
  font-weight       : normal;
  padding           : 2px 60px 2px 0px;
  color             : #FFFFFF;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
  list-style          : circle;
}

a.mainlevel:hover {
  font-size         : 12px; 
  color             : #FFFFFF;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
  list-style          : circle;
}
*

SmokerMan

  • Гуру
  • 5293
  • 719 / 26
А зачем это прописывать для ссылки?
list-style вообще для тэга <a> не применим.
Пиши для li
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
блин, ни как не могу разобраться с этим тегом... подскажи код пожалуйста, который добавить следует  >:(
*

SmokerMan

  • Гуру
  • 5293
  • 719 / 26
блин, ни как не могу разобраться с этим тегом... подскажи код пожалуйста, который добавить следует  >:(
с каким тегом? :)
все давно уже написано.
Ставьте в настройках модуля меню отображение - обычным списком. И читайте литературу по HTML и CSS.
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
спасибо огроменное)
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
и последний вопрос)))
если у меня два списка на одной странице? для обоих разные стили должны быть, первый #mainlevel, а как для второго собственные сделать?
*

SmokerMan

  • Гуру
  • 5293
  • 719 / 26
и последний вопрос)))
если у меня два списка на одной странице? для обоих разные стили должны быть, первый #mainlevel, а как для второго собственные сделать?
смотрите класс или id родительского элемента.
Пример
Код: html
<style>
#first ul li {
list-style:disc;
}
#second ul li {
list-style:circle;
}
</style>
<div id ="first">
<ul><li>
</ul></li>
</div>
<div id ="second">
<ul><li>
</ul></li>
</div>
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
и еще раз спасибо)
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
Все-таки всплыла еще одна проблема... Отображение созданного меню в опере и мазиле - отличное, в эксплорере - как-будто стили для меню не работают вообще!  :'(

Код
#menu1 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu1 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu1 a.mainlevel:link, #menu1 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 0px 50px 2px 0px;
  color             : #FFFFFF;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
}

#menu1 a.mainlevel:hover {
  font-size         : 12px; 
  color             : #FFFFFF;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}

#menu1 li {
  list-style-type: none;
  display: inline;
  }
 #menu1 li:before {
  content: url(../image/menu_point.png);
 }
 
#menu2 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu2 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu2 a.mainlevel:link, #menu2 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 11px;
  font-weight       : normal;
  padding           : 0px 5px 0px 0px;
  color             : #6b6b6b;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
}

#menu2 a.mainlevel:hover {
  font-size         : 11px; 
  color             : #6b6b6b;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}

#menu2 li {
  list-style-type: none;
  display: inline;
  }
 #menu2 li:before {
  content:  "| ";
 }



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

sett

  • Захожу иногда
  • 54
  • 0 / 0
и вот еще код...
Код
<td><div align="center" id ="menu1">
            <?php if($this->countModules('left')) : ?>
            <jdoc:include type="modules" name="left" style="" />
              <?php endif; ?>
          </div></td>

<td><div align="left" id ="menu2">
            <jdoc:include type="modules" name="user6" style="" />
          </div></td>

и все что padding-top, left, right - ни чего не действует в эксполорере... поплыл шаблон в нем(((
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
ууффф, решил задачу) всем спасибо
*

kolka88

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
ууффф, решил задачу) всем спасибо
Как решил если не секрет?
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
Конечно не секрет)))

Назначил id для каждого модуля меню в index.php:

Код
<td id="mainmenu_middle"><div id ="menu1">
            <jdoc:include type="modules" name="left" style="" />
              <?php if($this->countModules('left')) : ?>
              <?php endif; ?>
          </div></td>

и

Код
<td id="dop_menu"><div id ="menu2">
            <jdoc:include type="modules" name="user4" style="" />
              <?php if($this->countModules('user4')) : ?>
              <?php endif; ?>
          </div></td>

в CSS прописал стили:

Код
#menu1 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
  background-image: url(../image/menu_point.png);
  background-repeat:no-repeat;
  background-position:center left;
}
#menu1 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu1 a.mainlevel:link, #menu1 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 0px 50px 2px 0px;
  color             : #FFFFFF;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
      padding-left:12px;
}

#menu1 a.mainlevel:hover {
  font-size         : 12px;  
  color             : #FFFFFF;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}
 
#menu2 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
  background-image: url(../image/dop_raz.png);
  background-repeat:no-repeat;
  background-position:bottom left;
}
#menu2 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu2 a.mainlevel:link, #menu2 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 11px;
  font-weight       : normal;
  padding           : 0px 5px 0px 0px;
  color             : #6b6b6b;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
  padding-left: 10px;
}

#menu2 a.mainlevel:hover {
  font-size         : 11px;  
  color             : #6b6b6b;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}

прикол оказался в том, что explorer, в отличие от оперы и мозилы, не воспринимает эти штуки:

Код
#menu1 li {
  list-style-type: none;
  display: inline;
  }
 #menu1 li:before {
  content: url(../image/menu_point.png);
 }

Код
#menu2 li {
  list-style-type: none;
  display: inline;
  }
 #menu2 li:before {
  content:  "| ";
 }

сделал меню не как список, а горизонтальным обычным меню и просто назначил на фон пунктов меню изображение, которое хотел, чтобы выходилось вместо маркера и задал отступы слева. вот и все решение оказалось))) *DRINK*
« Последнее редактирование: 31.03.2010, 22:01:19 от sett »
*

kolka88

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню

Автор s120367

Ответов: 0
Просмотров: 272
Последний ответ 03.06.2018, 13:02:55
от s120367
Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 436
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3633
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 6483
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 707
Последний ответ 12.07.2017, 21:09:01
от wectra