Skip navigation
jds zigzag
jds zigzag
Currently Being Moderated

bullets in columns?

Dec 8, 2011 6:21 AM

How can I accomplish the following:

 

Screen shot 2011-12-08 at 7.13.39 AM.png

 

I have tried nesting lists in tables, and also trying nesting in a <p> section.  I can get it to render correctly (as shown above) in the browser, but W3C doesn't approve.  How can I accomplish it and get W3C's blessing?  Please be explicit, as I am a rookie.

 

Thanks,

jds

521 Views   5 Replies   Latest reply: MurraySummers, Dec 8, 2011 11:23 AM
 
Replies
  • cdeatherage
    Currently Being Moderated
    1. cdeatherage,
    Dec 8, 2011 6:38 AM   in reply to jds zigzag
    Report

    We need a link to your page to review your code in order to troubleshoot. Whether you use a two column table or floated side-by-side divs, you'd still have to set bullets in your <li> styles.

     

    Chris

    www.cdeatherage.net

     
    |
    Mark as:
  • MurraySummers
    Currently Being Moderated
    2. MurraySummers,
    Dec 8, 2011 6:42 AM   in reply to jds zigzag
    Report

    Use two different bulleted lists, one in each of the two cells:

     

    <td>

      <ul>

        <li>Georg Washington (1732-1799)</li>

        ...

      </ul>

    </td>

    <td>

      <ul>

        <li>Joseph Haydn (1732-1809)</li>

       ...

      </ul>

    </td>

     
    |
    Mark as:
  • MurraySummers
    Currently Being Moderated
    3. MurraySummers,
    Dec 8, 2011 6:42 AM   in reply to MurraySummers
    Report

    For a more contemporary approach, just use two bulleted lists floated together:

     

      <ul style="width:200px; float:left; margin-right:15px;">

        <li>Georg Washington (1732-1799)</li>

        ...

      </ul>

      <ul style="width:200px; float:left;">

        <li>Joseph Haydn (1732-1809)</li>

       ...

      </ul>

     
    |
    Mark as:
  • jds zigzag
    Currently Being Moderated
    4. jds zigzag,
    Dec 8, 2011 10:56 AM   in reply to MurraySummers
    Report

    Murray, thanks very much.  It works like a dream, both for me and W3C.  I took your suggestion and went with the contemporary.  This should help me be more creative in the future with lists.

    Jim

     
    |
    Mark as:
  • MurraySummers
    Currently Being Moderated
    5. MurraySummers,
    Dec 8, 2011 11:23 AM   in reply to jds zigzag
    Report

    The only problem with that second approach is that it's two unique lists.  From an HTML perspective this is not a problem but it can complicate the CSS a tiny bit.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points