Results 1 to 2 of 2

Thread: vertical alignment problem with unordered list

  1. #1
    Join Date
    Jun 2008
    Posts
    107
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default vertical alignment problem with unordered list

    Hello,

    I'm trying to program a couple unordered lists into my web page and I encountering a problem.

    I can't seem to align them with the top of the cell. They act as if there's an extra list item above the first one.

    Here's the URL to the page: http://www.cactusridgerr.com/CCRR/comfort.htm

    Here's the code for the bottom two cells with the lists in them:

    Code:
    <tr>
    <td style="vertical-align: top; padding-left: 0px; padding-top: 0px;">
    <ul type="disc" style="margin: 1em;">
    <li>Elegant dining room</li>
    <li>Fireside lounge</li>
    <li>Library and computer room</li>
    <li>Craft room & country kitchen</li>
    </ul>
    </td>
    
    <td style="vertical-align: top; padding-left: 0px; padding-top: 0px;">
    <ul type="disc" style="margin: 1em;">
    <li>Wellness and exercise spa</li>
    <li>Beauty salon</li>
    <li>Theater and multi-purpose room</li>
    </ul>
    </td>
    </tr>
    Does anyone know why they refuse to be aligned with the top of the cells?

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Remove this
    Code:
    <br style="line-height: 8px;"/>
    From this in your iframe

    Code:
    <tr>
    
    <td rowspan="2" style="width: 260px;">
    </td>
    
    <td colspan="2" style="text-align: justify; padding-top: 10px;">
    <span class="blurb">At the Cactus Ridge Retirement Residence, it is our staff�s priority to make your lifestyle as comfortable and worry-free as possible. Whether you enjoy a game of cards with your friends in the fireside lounge, or a
    delicious dining room, our numerous amenities and services are always available to enhance your enjoyment, all while ensuring your safety and convenience.<br/>
    <br style="line-height: 8px;"/>
    <span style="color: rgb(179, 31, 23);">Our amenities are always available for you and your guests to enjoy:<br/></span>
    <br style="line-height: 8px;"/>
    </span>
    </td></tr>
    So final code:
    Code:
    <tr>
    
    <td rowspan="2" style="width: 260px;">
    </td>
    <td colspan="2" style="text-align: justify; padding-top: 10px;">
    <span class="blurb">At the Cactus Ridge Retirement Residence, it is our staff�s priority to make your lifestyle as comfortable and worry-free as possible. Whether you enjoy a game of cards with your friends in the fireside lounge, or a
    delicious dining room, our numerous amenities and services are always available to enhance your enjoyment, all while ensuring your safety and convenience.<br/>
    <br style="line-height: 8px;"/>
    <span style="color: rgb(179, 31, 23);">Our amenities are always available for you and your guests to enjoy:<br/></span>
    </span>
    </td></tr>

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
  •