[WSG] Multi level navigation!
Hi, Just wondering if any one can help me, i am trying to make a multi level CSS list on my website for navigation, it looks fine and works fine in all browsers, however it is now valid XHTML. The navigation can be seen here; http://jungle-systems.com/~mip/fmn/ I have tried adding a new class for the inner navigation, that makes it valid, however it displays with a gap at the top of the inner navigation on IE. Can anyone guide me in the right direction? Cheers. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Multi level navigation!
I woulkd try to nmake it in DL DT DD and easier make levels. Ir not use the inside UL but add a class to the li style=margin-left:1em;a href=#Step 1: Front Cover/a/li That would validated the menu even strict james wrote: Hi, Just wondering if any one can help me, i am trying to make a multi level CSS list on my website for navigation, it looks fine and works fine in all browsers, however it is now valid XHTML. The navigation can be seen here; http://jungle-systems.com/~mip/fmn/ I have tried adding a new class for the inner navigation, that makes it valid, however it displays with a gap at the top of the inner navigation on IE. Can anyone guide me in the right direction? Cheers. *** 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.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Multi level navigation!
Hi, It is not valid because the inner ul needs to be contained in a li item of the outer ul. The only valid thing inside a ul tag is a li. If you surround the inner ul with a li with a class/id attached then you should be able to fiddle with that specific li in your CSS to sort out paddings/margins as your require. Hope that helps :-) J -Original Message- Hi, Just wondering if any one can help me, i am trying to make a multi level CSS list on my website for navigation, it looks fine and works fine in all browsers, however it is now valid XHTML. The navigation can be seen here; http://jungle-systems.com/~mip/fmn/ I have tried adding a new class for the inner navigation, that makes it valid, however it displays with a gap at the top of the inner navigation on IE. Can anyone guide me in the right direction? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Multi level navigation!
Hi James, The sub UL should have an li wrapping it, that will make it validate. Like this: ul lia href=#Home/a /li lia href=#About Us/a /li lia href=#How to choose/a /li li ul lia href=#Step 1: Front Cover/a/li lia href=#Step 2: Type Style/a/li lia href=#Step 3: Optional Eulogy/a/li lia href=#Step 4: Verse or Prayer/a/li lia href=#Step 5: Border Options/a/li lia href=#Step 6: Place your order/a/li /ul /li lia href=#Price List/a/li lia href=#FAQ/a/li lia href=#Contact Us/a/li /ul Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk T: +44 (0)20-8816-8893 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of james Sent: 18 June 2008 14:11 To: wsg@webstandardsgroup.org Subject: [WSG] Multi level navigation! Hi, Just wondering if any one can help me, i am trying to make a multi level CSS list on my website for navigation, it looks fine and works fine in all browsers, however it is now valid XHTML. The navigation can be seen here; http://jungle-systems.com/~mip/fmn/ I have tried adding a new class for the inner navigation, that makes it valid, however it displays with a gap at the top of the inner navigation on IE. Can anyone guide me in the right direction? Cheers. *** 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.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Multi level navigation!
Thanks allot guys, missed it again. Cheers Darren Lovelock wrote: Hi James, The sub UL should have an li wrapping it, that will make it validate. Like this: ul lia href=#Home/a /li lia href=#About Us/a /li lia href=#How to choose/a /li li ul lia href=#Step 1: Front Cover/a/li lia href=#Step 2: Type Style/a/li lia href=#Step 3: Optional Eulogy/a/li lia href=#Step 4: Verse or Prayer/a/li lia href=#Step 5: Border Options/a/li lia href=#Step 6: Place your order/a/li /ul /li lia href=#Price List/a/li lia href=#FAQ/a/li lia href=#Contact Us/a/li /ul Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk T: +44 (0)20-8816-8893 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of james Sent: 18 June 2008 14:11 To: wsg@webstandardsgroup.org Subject: [WSG] Multi level navigation! Hi, Just wondering if any one can help me, i am trying to make a multi level CSS list on my website for navigation, it looks fine and works fine in all browsers, however it is now valid XHTML. The navigation can be seen here; http://jungle-systems.com/~mip/fmn/ I have tried adding a new class for the inner navigation, that makes it valid, however it displays with a gap at the top of the inner navigation on IE. Can anyone guide me in the right direction? Cheers. *** 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.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***