So I was following the code of a tutorial and he created a simple menus at the top and when you hover over it, the blocks should change colors. When i tried to do that my page had empty bullet points at the top as shown in my screenshot and when i hover over one the name shows up. I copied his code exactly so im not sure what the issue is. Do you see a problem with it?
as Frank said. Then your existing CSS would be reasonably suitable, I think. Fixing your <ui> element to be an <ul> element would also help, changing it to be a standard HTML tag for lists and allowing the CSS to act on it.
Frank Carver wrote:This is an unusual design. It invents new HTML tags, which is fine for CSS, but you are at the mercy of the browser designer as to how they are processed.
This page looks very different in different browsers!
Most browser-tolerant web design these days uses DIV and SPAN tags with classes and then applies the styles to the classes rather than to the tags themselves. This is a much more predictable approach.
I will disagree. The nav and section tags used are all part of the semantic HTML 5 additions and their use is highly encouraged over semantic-less divs and spans. I'm assuming that ui is a typo for ul that needs to be corrected.
That said, I'd look askance at any CSS examples/tutorials that still use float in lieu of more modern flexbox approaches.