Hi Kevin,

Headings in lists will validate. However as Matijs says all you need to do is 
style the list elements and remove the divs. 

Kevin

Work in progress includes:
http://www.hotel-france-hotels.com
http://www.hotels-uk-accommodation.co.uk


<ol type="A">
              <li><a href="a.pdf">First</a></li>
              <li class="margin_left_minus_40px"><b>Subheading</b></li>
              <li><a href="b.pdf">First</a></li>
              <li><a href="c.pdf">First</a></li>
               <li class="margin_left_minus_40px"><b>Subheading</b></li>
              <li><a href="d.pdf">First</a></li>
              <li><a href="e.pdf">First</a></li>
             </ol>





From: Matijs 
Sent: Wednesday, September 23, 2009 8:31 AM
To: wsg@webstandardsgroup.org 
Subject: Re: [WSG] Ordered List Best Practice


If you're using a h3 inside a list, I kind of expect a h2 and a h1 to precede 
that... Is it really necessary to use a h3 or could you just style an ol or ul 
in the appropriate way?


On Tue, Sep 22, 2009 at 4:40 PM, Erickson, Kevin (DOE) 
<kevin.erick...@doe.virginia.gov> wrote:

  Hi,
  I have an ordered list that needs the items to be alphabetized and have
  lines in between the items that will be subheadings within the list BUT
  also need to NOT take a letter. Is there a best practice on trying to
  accomplish the desired look? (examples below)

  Here is the code with no validation issues but the two lines with
  "Subheading" will get a letter (not desired):
                 <ol type="A">
               <li><a href="a.pdf">First</a></li>
               <li>
                 <div class="margin_left_minus_40px">
                   <h3>Subheading</h3>
                 </div>
               </li>
               <li><a href="b.pdf">First</a></li>
               <li><a href="c.pdf">First</a></li>
               <li>
                 <div class="margin_left_minus_40px">
                   <h3>Subheading</h3>
                 </div>
               </li>
               <li><a href="d.pdf">First</a></li>
               <li><a href="e.pdf">First</a></li>
             </ol>

  In the following list I get the desired results in the browser but does
  not validate,(The tag:"div" is not allowed within: "ol"):

                 <ol type="A">
               <li><a href="a.pdf">First</a></li>
                 <div class="margin_left_minus_40px">
                   <h3>Subheading</h3>
                 </div>
               <li><a href="b.pdf">First</a></li>
               <li><a href="c.pdf">First</a></li>
                 <div class="margin_left_minus_40px">
                   <h3>Subheading</h3>
                 </div>
               <li><a href="d.pdf">First</a></li>
               <li><a href="e.pdf">First</a></li>
             </ol>

  I appreciate any advice,
  Kevin


  *******************************************************************
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: memberh...@webstandardsgroup.org
  *******************************************************************




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
******************************************************************* 

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to