Questions tagged [hover]

Hover refers to the action of placing the mouse cursor over a given element. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

Hover (sometimes referred to as ) is an event in which the user places the mouse cursor over any given element in a graphical user interface. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

In most cases, when hovering an item such as, for example, an , the cursor will change from default to pointer (small hand with index pointing) to indicate to the user that the item is clickable.

10690 questions
2
votes
4 answers

Vertical ul li navigation with bigger centered dropdown

I thought it would have been simple, I'm trying to make a small navigation with numbers which show a name below on hover which should be like this : But I don't know how to keep it centered and without having big margins between numbers. Here is a…
Léo Durand
  • 215
  • 1
  • 4
  • 13
2
votes
0 answers

QML: ScrollView and MouseAreas: 'mouse hover' not detected on the scrollbar

I have a QML application and need to open a dialog when I press a button. The dialog must be closed when the mouse is out of the dialog (with no click, so I think 'Popup' control can not be used). For that, I use MouseAreas and control when the…
Diego
  • 336
  • 2
  • 21
2
votes
0 answers

Google chrome has ghost element on :hover

I have this strange "ghost" little black box at the top left corner if I hover some elements. So when :hovering the red box all is good and box changes to orange. But then when mouse moves to the green .resize-bar then a blackish box appears at the…
caramba
  • 21,963
  • 19
  • 86
  • 127
2
votes
1 answer

Setting hover for items in recyclerview

I have a listview in that I have recylerview of cardviews...when i select any of them then a floating layout should be there which has 3 buttons. I am using this library enter link description here. I am using this library in a adapter and have set…
hiashutoshsingh
  • 980
  • 2
  • 14
  • 41
2
votes
1 answer

Cross-Domain Fonts not loading

I have a website set up on Digital Ocean at http://sugarcoated.co. The domain was bought through Hover. The IP address for this site is 45.55.209.201 When I load the IP address http://45.55.209.201 in the browser, all fonts load fine, but when I…
Marcus Christiansen
  • 3,017
  • 7
  • 49
  • 86
2
votes
3 answers

Why isn't my nav bar working?

So, I'm relatively new to HTML and CSS, and I have researched as to why my nav bar is not working plenty of times, but I can never seem to get it to work. Essentially, the items do not drop down when I hover over them, and if I change display: none;…
user5132897
2
votes
1 answer

Hover and transform on div without moving other divs

I am trying to enlarge and show some extra info on mouse hover on div. I am using bootstrap grid, the div lying below the mouse-houvering div is locating. My code is here: #each_p .product-section { max-width: 400px; margin: 20px…
Deeksha Bajaj
  • 69
  • 1
  • 6
2
votes
4 answers

Hover problems nav bar (HTML/CSS)

I've made a nav bar and I'd like to use the hover selector only on the pages that aren't active. So I used the selector a:not(.active):hover but it doesn't work. I'd really appreciate if someone could help me. ul { list-style-type: none; …
Jasmine
  • 117
  • 10
2
votes
5 answers

How can I hide an image on a HTML page until a user hovers over it using CSS?

Currently, I have a website where images are clashing with the text over it. I'm new to HTML/CSS and have looked around online but haven't ha dmuch luck. Basically, when a user isn't hovered over a box, an image should show a bit faded with text on…
2
votes
1 answer

Mouse hover with multimaterial three.js doesnt work

I have a problem,I want to make a hover mouse on an object that has multi-material. Sample here function update() { // find intersections // create a Ray with origin at the mouse position // and direction into the scene (camera…
Kathyer
  • 21
  • 4
2
votes
0 answers

Starting a SVG animation with keyframes using "begin" property

I'm actually learning SVG in order to import a vector animation I did in Flash inside a website, then integrate some "interactivity" (with the SVG property begin="mouseover"). So first, here is a very simple example of SVG animation I made with the…
Rojiraan
  • 39
  • 4
2
votes
3 answers

JS hover negative space between items

So I have a container with a grid of items and I want to be able to detect hover between rows. Not the individual items. Its important to remember that the number of items, in the container and per row, will change. My container of items currently…
Levi Cole
  • 3,561
  • 1
  • 21
  • 36
2
votes
1 answer

The issue with the "ui-state-hover" effect

I have a html I want the anchor to have hover…
hh54188
  • 14,887
  • 32
  • 113
  • 184
2
votes
2 answers

jQuery fadeIn and fadeOut on hover freeze after using .stop()

I have a simple hover fadeIn and fadeOut as you will see in my code. The problem is that to prevent the fadeIn/Out from happening a 100 times i have to use .stop() before i call fadeIn/Out, but the stop seems to freeze the elements fade and then…
agrublev
  • 748
  • 1
  • 8
  • 22
2
votes
2 answers

Display div on hover and keep it displayed

I have a div which is to be shown on hover of another div, but on hovering out it gets hidden again. I am trying not to hide the div on hover out, with the help of CSS but not getting a way. a:hover b { opacity : 1 } a:unhover b { opacity :…
Aman Agarwal
  • 81
  • 2
  • 7
1 2 3
99
100