Weird hover behavior for webfont
# March 15, 2013 at 1:49 pm
@Pualie_d hmmm.. removed inline-block.. Still not working though. I added inline-block so that the click area for cursor woud not extend across the whole row but only the text.
What is interesting is the inline block seems to be causing the issue with color artifacts.# March 15, 2013 at 4:57 pm
You have `div` elements declared outside of HTML Doctype declaration, this has nothing to do with CSS and “rules”. I’ve coded a sample structure for you, you can modify it if you like, but it’s valid syntax… you can eliminate `role` or just add appropriate classes to the HTML elements.
[Role is part of WAI-ARIA](http://www.w3.org/WAI/intro/aria), it’s for assisted technologies and screen readers.# March 20, 2013 at 7:06 am
With the display on the h1 set to inline or inline block the text is actually rendering partly outside of the…erm…h1 ‘block’.
As such, it’s not being affected by the hover color change.
**I have no idea why this should be so** but a few pixels of horizontal padding fixes the color issue.
You must be logged in to reply to this topic.