[WSG] Nested List Problem
Good afternoon Am using Russ Wheatley's Simple Nested Rollover List from A List Apart. div id=nav ul id=navlist li id=activea href=index.html id=currentHOME/a ul id=subnavlist li id=subactivea href=operation.html id=subcurrentOperation/a/li lia href=projects.htmlProjects/a/li lia href=members.htmlCommittee and Members/a/li /ul /li lia href=#WEED SPECIES/a/li ul id=subnavlist li id=subactivea href=# id=subcurrentWatsonia/a/li lia href=#Oxalis/a/li lia href=#Carnation Weed/a/li lia href=#Taro/a/li /ul lia href=#PUBLICATIONS/a/li and so on... Because of the repetition of things like ul id=subnavlist it is not validating. The first section (only bit actually with pages) looks good and works. The example on A List Apart only dealt with subitems in the first section so I am not sure if I am meant to put in subactive, current and so on for every section or not. For example, in the line lia href=projects.htmlProjects/a/li, should that be li id=subactivea href=projects.html id=subcurrentProjects/a/li? Am I meant to put in ul id=subnavlist at the start of every sub-section? Thanks! Lyn www.westernwebdesign.com.au Perth, Western Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Nested List Problem
Hi Lynette, The first list has a nested list correctly inside of the list item, however your subsequent list items end the list item element before the new nested list begins... e.g: lia href=""WEED SPECIES/a/li ul id="subnavlist" li id="subactive"a href="" id="subcurrent"Watsonia/a/li lia href=""Oxalis/a/li lia href=""Carnation Weed/a/li lia href=""Taro/a/li /ul should be: lia href=""WEED SPECIES/a ul id="subnavlist" li id="subactive"a href="" id="subcurrent"Watsonia/a/li lia href=""Oxalis/a/li lia href=""Carnation Weed/a/li lia href=""Taro/a/li /ul /li Lynette Smith wrote: Good afternoon Am using Russ Wheatley's Simple Nested Rollover List from A List Apart. div id="nav" ul id="navlist" li id="active"a href="" id="current"HOME/a ul id="subnavlist" li id="subactive"a href="" id="subcurrent"Operation/a/li lia href=""Projects/a/li lia href=""Committee and Members/a/li /ul /li lia href=""WEED SPECIES/a/li ul id="subnavlist" li id="subactive"a href="" id="subcurrent"Watsonia/a/li lia href=""Oxalis/a/li lia href=""Carnation Weed/a/li lia href=""Taro/a/li /ul lia href=""PUBLICATIONS/a/li and so on... Because of the repetition of things like ul id="subnavlist" it is not validating. The first section (only bit actually with pages) looks good and works. The example on A List Apart only dealt with subitems in the first section so I am not sure if I am meant to put in "subactive", "current" and so on for every section or not. For example, in the line lia href=""Projects/a/li, should that be li id="subactive"a href="" id="subcurrent"Projects/a/li? Am I meant to put in ul id="subnavlist" at the start of every sub-section? Thanks! Lyn www.westernwebdesign.com.au Perth, Western Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] Nested List Problem
Hi Lynette, I see what you are asking now - this would probably need to be refactored to have it validate. Cheers, Anthony. Lynette Smith wrote: Thanks Anthony - I've corrected that - but won't the repetition of ul id's stop it validating? The first list has a nested list correctly inside of the list item, however your subsequent list items end the list item element before the new nested list begins... e.g: lia href=""WEED SPECIES/a/li ul id="subnavlist" li id="subactive"a href="" id="subcurrent"Watsonia/a/li lia href=""Oxalis/a/li lia href=""Carnation Weed/a/li lia href=""Taro/a/li /ul should be: lia href=""WEED SPECIES/a ul id="subnavlist" li id="subactive"a href="" id="subcurrent"Watsonia/a/li lia href=""Oxalis/a/li lia href=""Carnation Weed/a/li lia href=""Taro/a/li /ul /li Because of the repetition of things like ul id="subnavlist" it is not validating. The first section (only bit actually with pages) looks good and works. The example on A List Apart only dealt with subitems in the first section so I am not sure if I am meant to put in "subactive", "current" and so on for every section or not. For example, in the line lia href=""Projects/a/li, should that be li id="subactive"a href="" id="subcurrent"Projects/a/li? Am I meant to put in ul id="subnavlist" at the start of every sub-section? . *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] Nested List Problem
I see what you are asking now - this would probably need to be refactored to have it validate. Cheers, Anthony. Perhaps just change the id's to classes? Kind regards Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Nested List Problem
That might work - but then I don't know how the menu scripts work. If they rely on ID's, then you will need to refactor. Lynette Smith wrote: I see what you are asking now - this would probably need to be refactored to have it validate. Cheers, Anthony. Perhaps just change the id's to classes? Kind regards Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] Nested List Problem
. That might work - but then I don't know how the menu scripts work. If they rely on ID's, then you will need to refactor. I changed all the id's to classes and it works. Have only changed it on the main page as yet but it looks OK and validates. Thanks for the help! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***