This post was published 3 years 9 months 24 days ago and as such probably does not reflect my current opinions, knowledge or ability.As you will hopefully have noticed, KCNB has recently undergone a change of themes.
Whilst I consider this one mostly complete (although I’m always open to suggestions and changes) there is still one particular issue I don’t know how to sort. It occurs on the index pages with lists of posts, and as far as I can tell only in Firefox. Each post extract is contained within a <div> element, which is in turn contained within a link to the correct page. For the most part the CSS functions correctly – when you move your mouse anywhere over the box, the background colour changes.
However, from time to time instead of this each piece of text becomes a link, as you can see in the image here.
The strangest thing is that this doesn’t even occur every time the page is loaded, reloading the page can cause the post to be displayed correctly. It also occurs more on certain posts than others, although I can’t find anything which makes them different.
I’m left wondering whether this might be more a problem with Firefox’s rendering the page, but I’d still like to fix it.
If you have any thoughts on how I could achieve this effect in a different way, I’d be happy to hear it. Also, if you’ve noticed other problems with this theme in modern browsers, please let me know here.
Might be the DOM inspector add-on for firefox, it looks at the html and guesses what its supposed to be. Div’s are a block level element, ideally used for containing content rather than as a link box. I might be wrong but its just my guess.
I hadn’t thought of that, I hope you’re right.
I understand that this isn’t exactly the correct use of a <div> element however it seemed to function correctly in most cases. Since the current method appears to work in IE and the :hover attribute is supported for any element in Firefox perhaps I should use separate methods for each. Unless you have any other suggestions.