hover [How to control the extent of hover highlighting?]

1 reply
321 views
Translate

Hi,

Q1.

Upon hover, the yellow rectangle becomes too wide.

How can I narrow it?

Q2.

Upon hover, the heights of the yellow rectangles become different.

How can I make them identical?

Global Invisible Hand

Hosun Kang

hover

This topic is closed to new replies. Start a new post to keep the conversation going.

BenPleysierCorrect answer

Community Expert

The colour change is aimed at the 'h3' selector. The 'h3' element is a block level element that occupies the full width of the container. An 'a' element is an inline level element which occupies the space that is required for the content. It would be bettr to select the 'a' elemnt as the selector.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

BenPleysier

Correct answer

Community Expert

The colour change is aimed at the 'h3' selector. The 'h3' element is a block level element that occupies the full width of the container. An 'a' element is an inline level element which occupies the space that is required for the content. It would be bettr to select the 'a' elemnt as the selector.

Translate

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.