X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> a:hover, background с закругленными углами, как?
igorlesnoj
igorlesnoj
Topic Starter сообщение 22.3.2010, 21:43; Ответить: igorlesnoj
Сообщение #1


Задача сделать выделение активных пунктов меню (оформление списком - ul li a) бэкграундом со скругленными углами. Пункты не фиксированной длины. :sarcastic: Задачка не из легких как я понял. Кто умеет? Возможно ли вообще?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 23.3.2010, 22:34; Ответить: ZhukV
Сообщение #2


Да, можна. Но вот если блоки у тя не фиксированиой длины, то просто в стиле a:hover, ты не добешся замены всего background-a блока. Нужно уже делать при помощи ява-скрипт.
Если бы это были блоки фиксированой длины, то действительно, лучше сделать на a:hover
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 23.3.2010, 22:56; Ответить: locky-yotu
Сообщение #3


Ну, можно через
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

используя только CSS.
Вообще для любой проблемы есть 100500 решений. Смотря какой код у вас
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igorlesnoj
igorlesnoj
Topic Starter сообщение 23.3.2010, 23:53; Ответить: igorlesnoj
Сообщение #4


Уважаемый locky-yotun, Вы только что решили одну мою серьезную проблему на которую я потратил уйму времени. Спасибо вам большое!

Я думал я знаю CSS - я ошибался.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 24.3.2010, 0:36; Ответить: Webmaster_hb
Сообщение #5


(igorlesnoj @ 24.3.2010, 01:53) *
Уважаемый locky-yotun, Вы только что решили одну мою серьезную проблему на которую я потратил уйму времени. Спасибо вам большое!

Я думал я знаю CSS - я ошибался.

это не везде будет работать
а вообще решение достаточно простое. вкладываете в тег <a> вложенные теги, и задаете закругление с помощью фоновых картинок
ну а при a:hover меняете стиль не только у тега <a> но и у всех вложенных тегов
проблем никаких нет и javascript не нужен
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igorlesnoj
igorlesnoj
Topic Starter сообщение 24.3.2010, 15:11; Ответить: igorlesnoj
Сообщение #6


Вариант locky-yotun взял на заметку, а сделал как Webmaster прописал. Я бы и раньше так сделал но не имел возможности переопределить нужным образом html-код который CMS выводил для меню. Всем спасибо еще раз.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
сообщение 25.3.2010, 15:11; Ответить: Sikha
Сообщение #7


(locky-yotun @ 24.3.2010, 00:56) *
Ну, можно через
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

используя только CSS.
Вообще для любой проблемы есть 100500 решений. Смотря какой код у вас


Использую такой же метод!
Единственный минус не поддерживается в IE меньше 8 уровня!!!!
это из разряда CSS3.0 так ведь?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
igorlesnoj
igorlesnoj
Topic Starter сообщение 25.3.2010, 15:40; Ответить: igorlesnoj
Сообщение #8


Я тестил на IE8, FF, Safari, Opera, Chrome
Не помню в каких именно но в 3 из 5 углы не работали.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sikha
Sikha
сообщение 25.3.2010, 15:47; Ответить: Sikha
Сообщение #9


(igorlesnoj @ 25.3.2010, 17:40) *
Я тестил на IE8, FF, Safari, Opera, Chrome
Не помню в каких именно но в 3 из 5 углы не работали.


В таком случае попрошу еще раз перепроверить все и отписать в каком работает в каком нет! это важно!

Я тестил в FF IE8 Opera Chrome там все работает!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
12 Boymaster 1920 Вчера, 21:03
автор: MisterBit
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4814 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19712 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3104 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
81 metvekot 13657 31.3.2024, 12:44
автор: Boymaster


 



RSS Текстовая версия Сейчас: 20.4.2024, 4:05
Дизайн