1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to make a DIV/table like this?

Discussion in 'Styling and Customization Questions' started by Barbossa, Apr 20, 2012.

  1. Barbossa

    Barbossa Active Member

    Hi, I want to put something similar like this at my ad_above_footer template.

    Can anyone tell me what would be the code by looking this mock-up?

    Untitled-1.gif
     
  2. ArnyVee

    ArnyVee Well-Known Member

  3. ArnyVee

    ArnyVee Well-Known Member

  4. ragtek

    ragtek Guest

  5. Barbossa

    Barbossa Active Member

    Thanks guys, let me work out. I am getting back with the result.
     
  6. Barbossa

    Barbossa Active Member

    I come up with this one so far, pretty much okay for now. Only if I can show bullets on my lists.

    Code:
        <div class="primaryContent">
            <table class="dataTable">
                <tr  class="dataRow">
                    <td><h3 class="subHeading">Blah 1</h3>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul></td>
                    <td><h3 class="subHeading">Blah 2</h3>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul></td>
                    <td><h3 class="subHeading">Blah 3</h3>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul></td>
                    <td><h3 class="subHeading">Blah 4</h3>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul></td>
                </tr>
     
            </table>
    </div>
     
  7. MagnusB

    MagnusB Well-Known Member

    I don't think the table is needed. If you apply a unique class to your ul's and add this rule to extra.css
    Code:
    ul.uniqueClass {
    list-style-type: disc;
    }
    You will get the bullets.
     
    Barbossa likes this.

Share This Page