I have created a vertical menu and would like it to have a right red border on hover and selected item.
However, I can’t seem to get it correct on hovering as my li border seems to to mess up the hover state. The bottom border slightly overlaps the right border.
It’s the proper rendering of borders. You have a 1px top border meeting a 5px right border. Those few little pixels are your top border.
To avoid this, few options:
– Use pseudo-elements (not very great in this case, it’s basic CSS),
– Use the <li> tag to do the top border, and the <a> tag to do the right border.
Edit: nice one Paulie, faster than me. :P
Author
Posts
Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘CSS’ is closed to new topics and replies.