SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2007
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with tables

    Hi. I've been asked to create an HTML email newsletter. I've created the email but I'm getting strange gaps between table rows and I have no idea why. You can view the newsletter here:

    http://www.jonathanpenny.co.uk/email/test/test.html

    I'm getting gaps which are stopping all the images from flowing into each other.

    Any help would be appreciated.

    Thanks

    *EDIT* I've changed the doctype and that seems to have fixed the problem. Admin can you lock this thread now please? *EDIT*

  2. #2
    SitePoint Addict
    Join Date
    Dec 2001
    Location
    Vancouver, Canada
    Posts
    352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use Firefox on a mac and it looks really good on my computer.

  3. #3
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jonpenny View Post
    <snip>
    *EDIT* I've changed the doctype and that seems to have fixed the problem. *EDIT*
    By removing the DTD, you kick things into quirks mode, which for email table layouts works well enough. The root cause of this is that images lie on the baseline of the inline box, about 3px or so above the bottom. Set the images to {vertical-align: bottom;}, and you can go back to standards mode with a proper DTD.

    cheers,

    gary
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials


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
  •