OnMouseOver; how to centre icons in updated code

What happens?

It’s the same with it, and without it on.

No changes occur.

Good one, then through your work you’ve found that it’s not needed.

2 Likes

Ok, so now, how do I get hover to work?

Do I do onmouseover, and onmouseout?

oh, wait, that’s different than this.

You’ll need to give a reminder on what’s supposed to occur.

The border around the play / pause png is supposed to change to another color.

Then you can target them together using the one style declaration, with:

.play:hover, .pause:hover { ... }

What was this supposed to do, be for?

div:hover {
border-radius: 50%;border: 1px solid red;
}

That puts the red circle around all of the icons, whether they be initial, play, or pause.
If you want it only for one of them, then change it to .initial:hover instead.

Pause play initial all.

Yep, those are all the icons.

I see no red circle.

What am I doing wrong?

You’re not hovering?

It works for you?

When I hover the mouse over the icons, they get the red circle. Yes.

1 Like

Not for me.

Are you hovering over the icon or over the background image?

offtopic question.

Do all browsers respect padding:0; on buttons?

Nothing is happening?