Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
 Аватар для Scrypto
132 / 111 / 48
Регистрация: 08.02.2013
Сообщений: 621

Почему появляются пробелы по цвету. При наведении :hover

27.03.2016, 13:28. Показов 1052. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам


Вот код https://jsfiddle.net/ge5ttuf0/
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.03.2016, 13:28
Ответы с готовыми решениями:

CSS - почему :hover при наведении курсора не берет всю область под указанный ему цвет
Добрый день всем! За ранее благодарен тому кто откликнется!!! :hover не берет всю область под указанный ему цвет, как лучше сделать?...

Hover при наведении
почему-то не срабатывает может кто знает где ошибка зарыта?) var img = $('#frame-4'); img.hover(function () { ...

Hover при наведении
Доброго вечера, помогите поправить скрипт который при наведении менял бы свойство css .second-makiazas > li { width:216px;...

4
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
27.03.2016, 13:46
Scrypto, из-за того, что у Вас в стилях <li> являются инлайновыми элементами... Можно написать например такой стиль:
CSS
1
li{float:left; display:block}
Но с флоатами надо быть аккуратней...
1
 Аватар для Scrypto
132 / 111 / 48
Регистрация: 08.02.2013
Сообщений: 621
27.03.2016, 13:53  [ТС]
Fedor92, как ни странно, проблема решилась, после расположения Li в строчку
<ul class="menu">
<li>Главная</li><li>Услуги</li><li>Контакты</li>
</ul>
https://jsfiddle.net/ge5ttuf0/3/

Добавлено через 1 минуту
Если интересно, тут целая статья, по этому поводу https://habrahabr.ru/post/189118/
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
27.03.2016, 13:58
Цитата Сообщение от Scrypto Посмотреть сообщение
Fedor92, как ни странно, проблема решилась, после расположения Li в строчку
Ну если Вас устраивает такой вариант, то пользуйтесь... Ничего странного - это природа инлайновых элементов... )))
0
 Аватар для Scrypto
132 / 111 / 48
Регистрация: 08.02.2013
Сообщений: 621
27.03.2016, 14:02  [ТС]
Fedor92, Я только начинаю осваивать язык. Пока еще слабо представляю, как лучше. И чем это в итоге обернется. ) Все придет с опытом
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.03.2016, 14:02
Помогаю со студенческими работами здесь

Разные рисунки при наведении :hover
Здравствуйте, нашел вот такую статью с использованием псевдокласса hover:...

При наведении все элементы hover
Здравствуйте! Возникла проблема, необходимо, чтобы во всем div'e все элементы переходили в эффект :hover, а не по отдельности при...

Подсветка строки GRID при наведении (hover)
Здравствуйте. Подскажите, пожалуйста, как &quot;красиво&quot; решить следующую задачу: Есть grid из 2-столбцов и N-строк. На каждой ячейке...

Не работает :hover (Не подсвечивается текст при наведении)
День добрый Такая проблемка, при наведении мышкой не подсвечивается текст желтым цветом. Прошу помощи. Заранее спасибо HTML &lt;div...

При наведении на картинку должен появляться hover с текстом
Всем привет. Есть галерея,при наведении на картинку должен появляться hover с текстом,должно это все выглядеть, как тут...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru