Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Scrypto
67 / 68 / 26
Регистрация: 08.02.2013
Сообщений: 398
1

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

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

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


Вот код https://jsfiddle.net/ge5ttuf0/

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.03.2016, 13:28
Ответы с готовыми решениями:

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

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

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

Изменить color тега font при наведении (hover)
День добрый, подскажите как изменить цвет текста заключенного в теге font при...

a: hover или как убрать серую полосу при наведении ?
<!doctype html> <html> <head> <meta charset="utf-8">...

4
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2829 / 2397 / 1036
Регистрация: 15.12.2012
Сообщений: 8,900
Записей в блоге: 5
27.03.2016, 13:46 2
Scrypto, из-за того, что у Вас в стилях <li> являются инлайновыми элементами... Можно написать например такой стиль:
CSS
1
li{float:left; display:block}
Но с флоатами надо быть аккуратней...
1
Scrypto
67 / 68 / 26
Регистрация: 08.02.2013
Сообщений: 398
27.03.2016, 13:53  [ТС] 3
Fedor92, как ни странно, проблема решилась, после расположения Li в строчку
<ul class="menu">
<li>Главная</li><li>Услуги</li><li>Контакты</li>
</ul>
https://jsfiddle.net/ge5ttuf0/3/

Добавлено через 1 минуту
Если интересно, тут целая статья, по этому поводу https://habrahabr.ru/post/189118/
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2829 / 2397 / 1036
Регистрация: 15.12.2012
Сообщений: 8,900
Записей в блоге: 5
27.03.2016, 13:58 4
Цитата Сообщение от Scrypto Посмотреть сообщение
Fedor92, как ни странно, проблема решилась, после расположения Li в строчку
Ну если Вас устраивает такой вариант, то пользуйтесь... Ничего странного - это природа инлайновых элементов... )))
0
Scrypto
67 / 68 / 26
Регистрация: 08.02.2013
Сообщений: 398
27.03.2016, 14:02  [ТС] 5
Fedor92, Я только начинаю осваивать язык. Пока еще слабо представляю, как лучше. И чем это в итоге обернется. ) Все придет с опытом
0
27.03.2016, 14:02
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.03.2016, 14:02

Как при наведении на один элемент (hover) менять стили другого элемента css?
Есть вертикальный блок навигации, список, в каждом &lt;li&gt; лежит картинка и...

Выпадающий список: по умолчанию все элементы кроме первого скрыты, а при наведении появляются все
&lt;div class=&quot;droplink&quot;&gt; &lt;ul&gt; &lt;li class=&quot;cat-item cat-item-12&quot;&gt;&lt;a...

Почему при наведении на карточку текст не пропадает?
Всем привет. Почему в коде ниже, при наведении на корточку, текст не пропадает...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru