SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Making Columns

  1. #1
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Making Columns

    I have a heading, and underneath it I want to make 3 columns that are made of unordered lists

    I then want to repeat this process again on the page a few times, ie, heading and columns

    Any help appreciated

  2. #2
    Follow Me On Twitter: @djg gold trophysilver trophybronze trophy Dan Grossman's Avatar
    Join Date
    Aug 2000
    Location
    Philadephia, PA
    Posts
    20,578
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    A table is a straightforward way to display that...

    HTML Code:
    <table>
      <tr>
        <th colspan="3">Your Heading</th>
      </tr>
      <tr>
        <td>
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </td>
        <td>
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </td>
        <td>
          <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ul>
        </td>
      </tr>
    </table>
    Other markup might be more appropriate depending on the nature of the data.

  3. #3
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would only use the table if the lists were themselves tabular data. Otherwise, just float the lists and clear the element that comes after the last one.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •