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]   

> Без описания
Поиск в теме | Версия для печати
Jef
Отправлено: 06 Января, 2012 - 16:25:57
Post Id



Новичок


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


Помог: 0 раз(а)
Делаю меню на div не используя <ul> <li>. Вот кусок меню

<div class="lenta_left" style="float:left;padding:4px;"><a href="#">Главная</a></div>

Цель - сделать что бы при наведении на раздел меню этот раздел меню окрашивался в другой цвет. У меня окрашивается в другой цвет только область в пределах текста, а за текстом до границы другого раздела есть еще несколько пикселей которые должны окрасится в другой цвет но не окрашиваются.
 
 Top
LIME
Отправлено: 06 Января, 2012 - 17:01:08
Post Id


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


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)
padding попробуй убрать
 
 Top
Jef
Отправлено: 06 Января, 2012 - 17:30:08
Post Id



Новичок


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


Помог: 0 раз(а)
padding убрал, и проблема исчезла, а как еще можно задать размер меню, не используя padding?
 
 Top
LIME
Отправлено: 06 Января, 2012 - 17:32:15
Post Id


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


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)
margin ссылке возможно
(Добавление)
хотя нет)) шило на мыло
просто размеры диву задать
ширину высоту
а можно ширину полей текста изменить
 
 Top
Jef
Отправлено: 06 Января, 2012 - 17:39:47
Post Id



Новичок


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


Помог: 0 раз(а)
От margin эффект такой же как и от padding, окрашивается в другой цвет только область в пределах текста
 
 Top
LIME
Отправлено: 06 Января, 2012 - 17:40:45
Post Id


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


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)
 
 Top
Jef
Отправлено: 06 Января, 2012 - 18:11:38
Post Id



Новичок


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


Помог: 0 раз(а)
Спасибо LIME line-height воткнулся идеально! Для того что бы изменить ширину области, что бы она окрашивалась я решил добавить к тексту &nbsp; Можно ли было сделать это по другому не таким варварским способом?
(Добавление)
&nbsp;не подходит, при его использовании появляется ненужный отступ сверху над шапкой и снизу под менюшкой, как еще можно расширить меню?
 
 Top
CenapaTop
Отправлено: 06 Января, 2012 - 19:24:24
Post Id



Частый гость


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


Помог: 1 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.   div.lenta_left {
  5.     float:left;padding: 4px;
  6.     font-size: 200%;
  7.     padding: 5px;
  8.     margin: 5px;
  9.     background-color: #f00;
  10.   }
  11.   div.lenta_left:hover {
  12.     background-color: #00f;
  13.   }
  14. </style>
  15.  
  16. </head>
  17. <body>
  18. <div class="lenta_left"><a href="#">Главная</a></div>
  19. <div class="lenta_left"><a href="#">Вторая</a></div>
  20. <div class="lenta_left"><a href="#">Третья</a></div>
  21.  
  22.  
  23. </body>
  24. </html>
 
 Top
armancho7777777 Супермодератор
Отправлено: 06 Января, 2012 - 22:05:33
Post Id



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


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


Помог: 221 раз(а)
А почему ни сделать так:

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <html>
  3.   <head>
  4.  
  5. <style type="text/css">
  6.  
  7. #div_menu a {
  8.         display:block;
  9.         padding:6px 25px;
  10.         border:1px solid #0000FF;
  11.         background:#0080FF;
  12.         color:#FFF;
  13.         font-size:21px;
  14.         margin:0 2px;
  15.         text-align:center;
  16.         text-decoration:none;
  17.         float:left;
  18.         }
  19.  
  20. #div_menu a:hover {
  21.         background:#3F9FFF;
  22.         }
  23.  
  24. </style>
  25.  
  26. </head>
  27.  
  28.   <body>
  29.  
  30.           <div id="div_menu">
  31.      
  32.                   <a href="#">Главная</a>
  33.                   <a href="#">Вторая</a>
  34.                   <a href="#">Третья</a>
  35.          
  36.           </div>
  37.  
  38.   </body>
  39.  
  40. </html>
  41.  
  42.  
  43.  


Тут в работе

(Отредактировано автором: 06 Января, 2012 - 22:22:19)

 
 Top
Jef
Отправлено: 07 Января, 2012 - 14:01:03
Post Id



Новичок


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


Помог: 0 раз(а)
Спасибо, помогло!
 
 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