• Hello everyone. Could someone enlighten me with the following issues:

    1. How can I include unordered lists in three columns without using tables? I had already done them via tables (300px width), but I don’t know how to remove the table border from the theme code. The page is here.

    I tried using divs and they looked good for two columns. I even managed to get three (two with float: left and one with float: right), but the width part isn’t working as well as the tables and I can’t get them fit at 300px. I left just the tables.

    2. On another page, I used two divs and wanted to put a subtitle for each column, but the result was that the second column got one row lower than the first. How can I fix this? The page can be found here.

    Example code:

    <h3>Title</h3>
    
    <h5>Subtitle</h5>
    <div style="float: left; width: 350px; margin-right: 5px;">
    <ul>
    <li><strong>Text</strong>: text, text</li>
    <li>second item</li>
    <li>third</li>
    <li>fourth</li>
    <li>fifth</li>
    </ul>
    </div>
    
    <h5>Subtitle</h5>
    <div style="float: left; width: 350px; margin-right: 5px;">
    <ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>fourth</li>
    <li>fifth</li>
    </ul>
    </div>

    I need to point out that I’m a newbie at this and I would prefer to avoid modifying the theme if possible.

    Thank you for your time.

  • The topic ‘Unordered lists in two and three columns for posts’ is closed to new replies.