Stack Overflow
Stack Overflow

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
2 answers

Adding tooltip hover to an image with css

I want to create a tooltip (using css) that appears once the user moves the mouse over an element. I made it work for text, but I have problems making it work for an image. .container { position: relative; width: 15%; } .image { position:…
Rulo
  • 93
  • 2
  • 9
2
votes
1 answer

Css list disappearing when mouse hovers over other objects

I'm currently stuck on problem with my list, it disappears when mouse hovers over other objects like that (used dev console to highlight borders):https://i.stack.imgur.com/fOwld.gif I could just increase margin-top but it would look…
wessx
  • 23
  • 3
2
votes
2 answers

Using pure CSS to make a hover effect apply to adjacent siblings with the same attribute

I have a table generated through a struts2 iterator (so variable length and content) which roughly looks like this but with more columns:
Nzall
  • 3,439
  • 5
  • 29
  • 59
2
votes
1 answer

Python Bokeh HoverTool formatters error: "unexpected attribute 'formatters' to HoverTool"

I used jupyter notebook to do a practice of visualization, then I followed the code on http://docs.bokeh.org/en/latest/docs/user_guide/tools.html#basic-tooltips the code on the website It works, so I tried to add the "Formatting Tooltip", like the…
fishballLin
  • 45
  • 1
  • 9
2
votes
0 answers

select previous and next elements on hover

I have some html which looks something like this
I want to apply a style on any specific
  • on hover AND apply a different style to the previous and next
  • …
    • megaman
    • 1,035
    • 1
    • 14
    • 21
    2
    votes
    1 answer

    slide in text on image hover css

    I'm trying to make a text appear on image hover, but will need it to slide in from top and cover only 50% of image height, but not sure how can I get this to work, here is the code
    Joey Arnanzo
    • 329
    • 3
    • 18
    2
    votes
    2 answers

    Changing hover color of a responsive table

    I was trying a simple trick of changing hover color of a responsive table but failed. I tried chaining the CSS but failed. Do I need to add more CSS tags to make this happen. Could you please help me to understand what is wrong in my approach. Here…
    Arun Mahajan
    • 41
    • 5
    2
    votes
    0 answers

    tabindex: unable to focus elements that are visible only on hover

    I have a list of items(ul, li elements), where li contains left content and right content.for each li tabindex is set to 0. By default left content is always visible, When user mouse hovers on each of the li, i am toggling visiblity of right…
    newbee-UI
    • 21
    • 3
    2
    votes
    3 answers

    Help needed with showing and hiding a div

    I'm having a problem with an image viewer I'm creating. Like the image below, the 'window' is where the image is shown and 'paging' is where the user can change the image. I've used this Jquery script to make the 'paging' fade in whenever the window…
    Joey Morani
    • 25,431
    • 32
    • 84
    • 131
    2
    votes
    1 answer

    Adjust the height of plot in ggplot2 and plotly

    I have created a simple line chart in plotly using ggplot2 and placed the plot in a box using box() function. However the plot overshoots the screen and I wish to resize the plot. Please help me with the same. library(plotly) datn <-…
    AK94
    • 325
    • 1
    • 5
    • 11
    2
    votes
    2 answers

    Trying to Add a Hover Effect To My Navigation Bar

    I am trying to add a hover effect from Youtube Video I tried for an hour, changed my code two times; where my original code was this: * { font-family: 'Montserrat', sans-serif; color: white; margin: 0; padding: 0; } .header { …
    Arszilla
    • 159
    • 1
    • 2
    • 12
    2
    votes
    4 answers

    How to Change Image on hover

    I'm attempting to set up a way for users to be able to hover over a small preview of an image and have a "featured" section show this image in its full size. I've managed to accomplish that with the code below. My problem is when images are very…
    AndrewLeonardi
    • 3,351
    • 9
    • 47
    • 100
    2
    votes
    1 answer

    css flexbox grid with hover on flexbox cells (nested) does and does not work

    The :hover behaviour in this example is making me doubt my sanity as everything in the code seems ok and works as expected, except the hovering of the white cells in the large matrix. The generic structure has 2 flexbox div rows where: row one has…
    Rene van der Lende
    • 4,992
    • 2
    • 14
    • 25
    2
    votes
    1 answer

    Want to add hover effect to multiple spans

    Heyah, I made a burger menu icon, and I want it to change color when you hover over it, but somehow it doesn't work and I don't understand why. I have those 3 spans, which when the menu is clicked turn into just two, and I got the hover effect to…
    heartcube
    • 119
    • 12
    2
    votes
    1 answer

    How can I set all animations to "unanimate" as well in CSS?

    I have a webpage whose menu I'm trying to make with CSS animations:
    Here is my CSS file that is linked: .button-orange { border: none; transition: background 0.4s,…
    DaniFoldi
    • 451
    • 4
    • 14
    1 2 3
    …
    99 100