CODEWITHSUNDEEP
htmlcss
Andrew Robinson
Andrew Robinson

Reputation: 258

Weird bounding box on header Image link

i'm working On a website for a client, and I've hit a snag. I don't quite know how to fix this one and google searching has done me no help.

I've got a nav as seen on This Site. If you hover over the logo to the top left, it behaves as a link, thus completing my desired goal. But, if you hover a few pixels below the image, no link. No cursor change or anything. Which is good, until you go down beyond that, in which there is a bit of space where you can hover to find the same link as the above image. This is not good, though I can't find a way to remove this without removing the tag, which defeats the purpose anyway. Can anyone help?

Upvotes: 0

Views: 57

Answers (2)

Andrew Robinson
Andrew Robinson

Reputation: 258

After a few hours of looking around other people's codes (bootstrap, materialize, etc) I found that changing the position and display values to absolute and inline-block of the link, it would make the link wrap the image. Hopefully this'll help anyone who had this weird problem too.

Upvotes: 0

Josh
Josh

Reputation: 1484

Style them correctly.

a {
  cursor: default;
}

img {
  cursor: pointer;
}

OR (Sass)

 a {
   cursor: default;
     img {
       cursor: pointer;
     }   
 }

Upvotes: 1

Related Questions