Not Solved Pure CSS Drop-Down Menus
#1
Not Solved
Yes I realise that there are numerous threads about drop-down menus and I've read some tutorials. However, I'm more interested in Pure CSS Menus. I find that they are quicker and easier but not to earlier browsers.



Pure CSS menus use the <li> and <ul> tags as the core system but as it turns out, MyBB uses those same tags in the header. That's where I'm having issues. I try to assign a block a new class, but the MyBB CSS overrides it.

Here's the basic drop-down menu that I'm adding to my normal forum bar.
<li class="topmenuli"><a href="#"> Drop Down Menu </a></li>
	<ul class="submenuul">
		<li class="submenuli"><a href="#"> Item </a></li>
		<li class="submenuli"><a href="#"> Item </a></li>
		<li class="submenuli"><a href="#"> Item </a></li>
		<li class="submenuli"><a href="#"> Item </a></li>
	</ul>
</li>
As you can see, submenuli, topmenuli, etc. all clash with the forum's CSS.



So my question is - how can I assign each button on my navbar a class instead of applying the CSS to all <li> tags?

Thank you Smile
I'm going to try to move it to the "member bar" which doesn't have any li or ul tags.
Reply
#2
Not Solved
Just add the class to the global css.
Reply
#3
Not Solved
Doesn't the CSS add the attributes to all ul and li codes in the navbar section? I'll try it anyway, though.
Reply
#4
Not Solved
Cant you just define it like this.

topmenuli.li {

}
Reply
#5
Not Solved
I assumed the default CSS would override it.
Reply
#6
Not Solved
There! I took your advice NetSage. Thank you!
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)