WDG Validator question

[ghijkl]

I get this suggestion from WDG Validator -
"Error: element LI not allowed here; possible cause is an inline element containing a block-level element" for this url

http://patlynch.homelinux.org/webpub/samples/SAMPLE.HTM.

Can anybody tell me what the problem is?

 

[ChrisHunt]

I tried it in the W3C validator (

http://validator.w3.org/

) which, once I'd picked a doctype and encoding, found the problem right away.

You need to enclose your <li> tags within either an <ol> for an ordered (numbered) list, or a <ul> for an unordered (bullet point) list (could also use <dir> or <menu> tags, but I don't know much about them).

You can nest one <ol>/<ul> within another, which should give you the staggered effect you seen to be after, like this:

<ul>
   <li>Main Point</li>
   <li>And Another
      <ul>
         <li>little point</li>
         <li>ditto</li>
      </ul>
    </li>
   <li>Yet Another Main Point!</li>
</ul>

You can then (if you want) use CSS to define the indent and bullet to use for nested lists. -- Chris Hunt
Extra Connections Ltd

http://www.extracon.com

 

[ghijkl]

bloody wonderful advice - thanks