www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] Positioning within table is off

  1. #1
    Join Date
    Feb 2010
    Location
    CT
    Posts
    14

    resolved [RESOLVED] Positioning within table is off

    I'm working on a layout where I have the following code:

    <table>
    <tr>
    <td>
    <h2>Finished measurements:</h2>
    <p>Approximately 24 inches circumference at opening and 9 inches tall</p>
    <p>This pattern uses US crochet terminology. Listing for a e-pattern pdf download, not for a finished item.</p></td>
    <td>
    <h2>Materials:</h2>
    <ul>
    <li>215 yards of worsted weight yarn</li>
    <li>Sample made in Lion Brand Vanna’s Choice 100% acrylic (3.5 oz 100 g, 170 yd 156 m), 2 skeins of #174 Olive.</li>
    <li>I/9 (5.50 mm) crochet hook or size needed to obtain gauge</li>
    </ul>
    </td>
    </tr>
    </table>

    For some reason the <h2> element in the first <td> doesn't line up with the <h2> element in the second <td>. I can't figure out what CSS changes to make so that they'll line up. I've attached a screen shot so you can see what I mean.

    Any help would be greatly appreciated.
    Attached Images Attached Images

  2. #2
    Join Date
    Oct 2009
    Posts
    41
    Try setting the vertical alignment of the td's within that table.

    Code:
    td {vertical-align: top}
    ginger

  3. #3
    Join Date
    Feb 2010
    Location
    CT
    Posts
    14
    It worked! Thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles