|
|
Модератор форума: Samuel |
Форум » uCoz » Помощь по HTML и CSS » Корректировка горизонтальной навигации. [решено] |
Корректировка горизонтальной навигации. [решено] |
off-line Добавлено: 2013-Июл-28 - 22:24 | Сообщение #1
Проблема решена.
Доброго времени суток, мои дорогие друзья. Собстна хотел бы у вас попросить помощи, дело в том что, при верстке мне нечего столько геморроя не доставляет как настройка навигации, низнаю,может быть это легко, но факт остается фактом. Чтение различной css камасутры, не особо помогает, решил уже на крайний случай сюда написать. Есть меню, обычное. Необходимо чтобы при классе .active.a{} не было смещение всего меню так как шрифт со значение normal меняется на bold,как сделать понятия не имею. P.S заменить значение font-weight: bold; на font-weight: normal; совсем не то что нужно.) Что имею: Код: http://pastebin.com/vXrT7eqN - HTML http://pastebin.com/HJyVEw2X - CSS Прикрепления:
2206324.png
(0.7 Kb)
bug bug bug mmm... Сообщение отредактировал Reddid - Понедельник, 2013-Июл-29, 11:48
|
off-line Добавлено: 2013-Июл-28 - 22:42 | Сообщение #2
Вот что мне само больше понравилось:
Код .active.a ))) Возможно сделать такое Код #topmenu { float: left; margin-left: -55px; margin-top: -8px; } ul.menu li { display: inline; font-family: "Tahoma"; font-size: 9pt; margin-left: 15px; } ul.menu a { padding: 6px 9px 6px 9px; text-decoration: none; font-weight: normal; color: #2fa5e9; } ul.menu a:hover { margin-left:-6px; background: #ECECEC; border-radius: 5px; font-weight: bold; color: #666666; } Я не любитель отрицательных значений, но все таки попробовал, вроде нормально! Что я добавил Код margin-left:-6px; Работаем не покладая рук и ног :) Сообщение отредактировал buktor - Воскресенье, 2013-Июл-28, 23:00
|
off-line Добавлено: 2013-Июл-28 - 23:19 | Сообщение #3
buktor, все равно идет смещение
Цитата (buktor) .active.a не от балды это.) Код <script type="text/javascript"> jQuery(document).ready(function($) { var url=document.location.href; $.each($("ul.menu a"),function(){ if(this.href==url){$(this).addClass('active a');}; }); })(jQuery); </script> bug bug bug mmm... |
off-line Добавлено: 2013-Июл-29 - 03:44 | Сообщение #4
Reddid, переход с худого на жиртреса без проблем тяжело реализировать!))
Я бы эще занялся поиском решения но у меня есть дела по важнее!) Работаем не покладая рук и ног :) Сообщение отредактировал buktor - Понедельник, 2013-Июл-29, 03:45
|
off-line Добавлено: 2013-Июл-29 - 11:52 | Сообщение #5
buktor, ну ок,иди.)
Добавлено (29.07.2013, 11:52:22) --------------------------------------------- buktor, все ок,спасибо.) решил путем добавления идентификатора к Код <li><a id="menu_work" rel="projects" title="" href="main3.html">Портфолио</a></li> и css Код #menu_work:hover{margin-left: -8px;} глупо? да,во всяком случае мне так кажется,но те мне менее работает.) bug bug bug mmm... Сообщение отредактировал Reddid - Понедельник, 2013-Июл-29, 12:00
|
off-line Добавлено: 2013-Июл-29 - 13:41 | Сообщение #6
Reddid, всегда пожалуйста!)
Работаем не покладая рук и ног :) |
| |||
| |||