LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
28.05.2012, 04:12:13 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор Тема: Как убрать нижнюю линию у последнего пункта?  (Прочитано 836 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
Светлана_1981
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 8


« : 19.11.2009, 18:56:19 »

 разобраться с проблемой. Перечитала много чего, но никак не получается. Есть меню, у последнего пункта нужно убрать нижнии border. Указание даже класса для последнего пункта не помогает. Подскажите в чем проблема?

Код
 
.module_menu ul, .module_menu ul li
{
 
 background-image : none;
 list-style       :none;
display           : block;
width             : auto !important;
width             : 100%;
 margin           : 8px 0;
 
 font-size        : 12px;
 
padding-left          : 3px;
 padding-right:   5px;
 text-indent      : 0px;
 
}
 
ul.menu, ul.menu li
{
 background-image : none;
 list-style       :none;
 
 
 
}
.module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited
{
 display          : block;  
 font-size        : 11px;
 font-weight      : normal;
 padding          : 2px 0;
 color            : #616161;
 padding-left     : 20px;
 border-bottom    : 1px dashed #dfdfdf;
 text-decoration  : none;
 background: url(../images/bul.jpg)  no-repeat;
 background-position: 10px 7px;
 
 
}
 
[b].module_menu li.item27
{
 
padding-bottom:8px;
border:none;
}[/b]
 
 
 
 
.module_menu ul li a:hover
{
 
 font-size        : 11px;
 font-weight      : normal;
 color            : #616161;
 text-decoration  : none;
 padding-left     : 20px;
 text-decoration : none;
 
}
 
.module_menu ul li.active a:link, .module_menu ul li.active  a:visited
{
 
 font-size        : 11px;
 font-weight      : normal;
 color            : #616161;
 text-decoration : none;
}
 
 
.module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:hover
{ background:none;
 font-size        : 11px;
 font-weight      : normal;
 color            : #333333;
 
}
 
 
.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited
{
 display          : block;
  font-size        : 11px;
  font-weight      : bold;
  color      : #333333;
  padding      : 3px 1px 3px 5px;
  margin  : 3px;
  text-decoration  : none;
 padding-left     : 5px;
 border: none;
 
}
 
.module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover
{ background:none;
 font-size        : 11px;
 font-weight      : normal;
 color            : #d84156;
 text-decoration  : none;
 padding-left     : 5px;
 
}
 
.module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
{
 background       : none;
 font-size        : 11px;
 font-weight      : normal;
 color            : #d84156;
 text-decoration  : none;
 padding-left     : 40px;
 background-image : url(../images/bullet.jpg) ;
 background-repeat: no-repeat;
 background-position: 20px 5px;  
 
}
 
ul.menu li.parent ul li#current a
{ background       : none;
 font-size        : 11px;
 font-weight      : bold;
 color            : #d84156;
 text-decoration  : none;
 padding-left     : 40px;
 background-image : url(../images/bullet.jpg) ;
 background-repeat: no-repeat;
 background-position: 20px 5px;  
 
}


* menu.jpg (44.52 Кб, 269x364 - просмотрено 91 раз.)
Записан
Varyag0488
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 76


« Ответ #1 : 20.11.2009, 09:18:23 »

 Shocked
Записан
effrit
Группа развития
*****

Репутация: +521/-6
Offline Offline

Пол: Мужской
Сообщений: 5860


effrit.com


« Ответ #2 : 20.11.2009, 10:15:54 »

ставьте firefox+firebug и будет вам счастье.
для каждого пункта меню автоматом присваивается свой класс.
к примеру, в моём случае у последнего пункта
<li class="item16">

для него можно прописать в таблице стилей

.module_menu ul li.item16 a, .module_menu ul li.item16 a:link, .module_menu ul li.item16 a:visited
{
  border-bottom    : 0px;
}

ну или типа того )
смысл понятен, я думаю
Записан
Светлана_1981
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 8


« Ответ #3 : 20.11.2009, 12:56:17 »

Спасибо большое. Все получилось.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet