bulletmenu: css-id on first level <ul>

[rombeh]

I want the following structure:

Code: Select all

<ul id="nav">
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a>
		<ul>
			<li><a href="#">About1</a></li>
			<li><a href="#">About2</a></li>
			<li><a href="#">About2</a></li>
		</ul>
	</li>
	<li><a href="#">Services</a>
		<ul>
			<li><a href="#">Services1</a></li>
			<li><a href="#">Services2</a></li>
			<li><a href="#">Services3</a></li>
		</ul>
			</li>
	<li><a href="#">Contact Us</a>
		<ul>
			<li><a href="#">Contact1</a></li>
			<li><a href="#">Contact2</a></li>
			<li><a href="#">Contact3</a></li>
		</ul> 
	</li> 
</ul>

which line(s) to change on bullet menu to give css-id ONLY to the first level tag.

thanks for helping novice(s)

[sjg]

I wouldn't change anything in bulletmenu.

I would create my toplevel ul style as:

Code: Select all

#nav { whatever style stuff }

and I would override that on the nested uls by adding the line:

Code: Select all

#nav ul { style for non-top-level ul}

[rombeh]

thanks for helping, and here is a result: http://indotravelink.ath.cx/, still on a test server, please give me some suggestion/correction if needed