Hover feature img disabling

[Edrol97]

Hi all,

I am editing my navbar on one of my pages, and coming across a problem where the hover underline feature is on the img elements of the header. I don't want this to be the case, and only want the hover underline function to be on text. How do I edit this?

Thanks,

Eliot

 

[Johna]

Try text-decoration: none; on the image.

 

[tomliv]

This sounds odd. You may have a hover rule on a parent element somewhere causing all siblings to get the underline.

 

[Edrol97]

I've managed to solve it to an extent by putting the image within a different parent div and styling the div with an empty img file underline style but it still doesn't work perfectly, as the padding on the img Pun logo is showing linked to a URL.

 

[tomliv]

I've managed to solve it to an extent by putting the image within a different parent div and styling the div with an empty img file underline style but it still doesn't work perfectly, as the padding on the img Pun logo is showing linked to a URL.

This shouldn't happen unless there is an <a> wrapping the images. Without a link, it's really hard to pin down the issue. I may be unclear as to what you are actually trying to ultimately achieve.

 

[Johna]

@Edrol97 Could you post the HTML and CSS for the image, link and any other related elements?