Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Приорететы

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
SLameN
Отправлено: 07 Сентября, 2013 - 21:06:23
Post Id


Новичок


Покинул форум
Сообщений всего: 58
Дата рег-ции: Февр. 2012  


Помог: 1 раз(а)
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id='menu'>
  3. <ul id="nav">
  4. <li class='active'><a href='#'></a></li>
  5. </ul>
  6. </div>
  7.  


CODE (html):
скопировать код в буфер обмена
  1.  
  2. .menu {
  3.     background-color: #f4735e;
  4.     width: 100%;
  5.     height: 45px;
  6.     border-radius: 0 0 10px 10px;
  7. }
  8.  
  9. .active {
  10.   background-color: #ffffff;
  11. }
  12.  
  13. #nav {
  14.     font-size: 15px;
  15.     font-family: Tahoma, sans-serif;
  16.    
  17. }
  18.  
  19. #nav li a {
  20.     outline: none;
  21.     text-decoration: none;
  22.     display: block;
  23.     color: #ffffff;
  24.     background-color: #f4735e;
  25.     float: left;
  26.     padding: 15px 15px;
  27. }
  28.  
  29. #nav li a:hover, a:active, a:focus {
  30.     background-color: #a3b754;
  31. }
  32.  

Не работает class='active'. Что делать, чтобы он заработал?

(Отредактировано автором: 07 Сентября, 2013 - 21:07:04)

 
 Top
Voodoo
Отправлено: 07 Сентября, 2013 - 21:53:07
Post Id


Новичок


Покинул форум
Сообщений всего: 37
Дата рег-ции: Май 2013  


Помог: 0 раз(а)
Попробуйте написать что-нибудь(кроме тегов)
например:
CODE (html):
скопировать код в буфер обмена
  1. <a href='#'>Ссылка</a>
 
 Top
IllusionMH
Отправлено: 07 Сентября, 2013 - 23:06:59
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
SLameN, специфичность класса ниже чем у id. Нужно убрать id b/или написать полный селектор только после селекторов с псевдоклассами. #nav li a.active
 
 Top
SLameN
Отправлено: 08 Сентября, 2013 - 07:57:11
Post Id


Новичок


Покинул форум
Сообщений всего: 58
Дата рег-ции: Февр. 2012  


Помог: 1 раз(а)
Voodoo
Не понял, что ты имеешь ввиду. Если ты про <li style=''></li> - то это не походит.
(Добавление)
IllusionMH
Не знал, что id выше чем class, спасибо. Я сделал так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. .menu {
  3.     background-color: #f4735e;
  4.     width: 100%;
  5.     height: 45px;
  6.     border-radius: 0 0 10px 10px;
  7. }
  8.  
  9. #active {
  10.   background-color: #ffffff;
  11. }
  12.  
  13. .nav {
  14.     font-size: 15px;
  15.     font-family: Tahoma, sans-serif;
  16.    
  17. }
  18.  
  19. .nav li a {
  20.     outline: none;
  21.     text-decoration: none;
  22.     display: block;
  23.     color: #ffffff;
  24.     background-color: #f4735e;
  25.     float: left;
  26.     padding: 15px 15px;
  27. }
  28.  
  29. .nav li a:active, a:hover, a:focus {
  30.     background-color: #a3b754;
  31. }
  32.  


CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div class="menu">
  3. <ul class="nav">
  4. <li id='active'><a href=''></a></li>
  5. </ul>
  6. </div>
  7.  


И все равно ничего не вышло.

или написать полный селектор только после селекторов с псевдоклассами. #nav li a.active
CODE (html):
скопировать код в буфер обмена
  1.  
  2. #nav li a:hover, a:active, a:focus
  3.  

Как мне это переплюнуть?
 
 Top
Medallion
Отправлено: 08 Сентября, 2013 - 12:44:07
Post Id



Частый гость


Покинул форум
Сообщений всего: 253
Дата рег-ции: Май 2012  
Откуда: Херсон, Украина


Помог: 7 раз(а)
Набросал немного, изменил.
Думаю то, что нужно.
Далее сам ковыряйся.

HTML
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="menu">
  3.     <ul>
  4.         <li><a href='/'>Главная</a></li>
  5.     </ul>
  6. </div>
  7.  


CSS
CODE (html):
скопировать код в буфер обмена
  1.  
  2. #menu {
  3.     background-color: #f4735e;
  4.     width: 100%;
  5.     height: 48px;
  6.     border-radius: 0 0 10px 10px;
  7. }
  8.  
  9. #menu ul {
  10.     font-size: 15px;
  11.     font-family: Tahoma, sans-serif;
  12. }
  13.  
  14. #menu ul li {
  15.     outline: none;
  16.     text-decoration: none;
  17.     display: block;
  18.     background-color: #f4735e;
  19.     float: left;
  20.     padding: 15px 15px;
  21. }
  22.  
  23.  
  24. #menu ul li a {
  25.     text-decoration: none;
  26.     color: #fff;
  27. }
  28.  
  29. #menu ul li:hover {
  30.     background-color: #a3b754;
  31.     cursor: pointer;
  32. }
  33.  

(Отредактировано автором: 08 Сентября, 2013 - 12:45:18)

 
 Top
SLameN
Отправлено: 08 Сентября, 2013 - 13:18:37
Post Id


Новичок


Покинул форум
Сообщений всего: 58
Дата рег-ции: Февр. 2012  


Помог: 1 раз(а)
Спасибо за помощь, а где класс? Мне ж нужно сделать кнопку активной, когда я нахожусь в определенном разделе. Сама менюшка с наведением у меня работала, а вот сделать постоянно наведенной не получается...
 
 Top
IllusionMH
Отправлено: 08 Сентября, 2013 - 19:44:58
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
SLameN, а чего вы хотите? у вас просто ссылка со сплошным фоном закрывает белый li
Если смотреть на первый вариант должно быть
CODE (css):
скопировать код в буфер обмена
  1. #nav li a:hover,
  2. #nav li a:active,
  3. #nav li a:focus {
  4.     background-color: #a3b754;
  5. }
  6. #nav li a.active {
  7.     background-color: #fff;
  8. }

Нужно стиль применять к ссылке, если она полностью закрывает li

P.S. не правильный селектор, т.к. [b].nav li a:active, a:hover, a:focus != .nav li a:active, .nav li a:hover, .nav li a:focus[/b]
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB