HTML Email and Horizontal Lines
- Started
- Last post
- 13 Responses
- scrap_paper
I'm putting together an html email for a client. I'm running into a problem with my tests that I haven't seen before and I'm at my wits end for how to fix it.
In gmail I'm getting horizontal lines between all my rows. There is no cellpadding, cellspacing or borders. I've resorted to defining all the height of the cells with images and nothing helps.
Any suggestions?
- bigtrickagain0
try setting the border-collapse property in css to collapse?
- sherm0
no.
can u post a screenshot of ur gmail screen?
- sherm0
plus... why do u have cell padding and cell spacing in your td tags?
you can also simplify the html for this email a whole lot.
lots of unnecessary tags & properties for the structure of the document.
- scrap_paper0
I didn't have nearly as many properties defined until I started running into this issue. Then I started adding to try and find the reason but I just can't figure it out
- sherm0
k, i'll be damned if this doesn't work for you.
http://codedandhosted.com/emails…just rip the source.
- sherm0
one thing i noticed is your placeholders could blow that light blue text area apart. because the slice that is getting filled in is so accurate to the dimension of the text....
Also, add a line-hight: property to the inline css of the span wrapping the text. that should control, the .... wait for it.... line-height.
- Yeah. A big flaw of the design that I pointed out to the client. I'm just doing the build on this one.scrap_paper
- booya0
That is shit loads of images for an email. Opted-in base it's being sent to?
- kmaier0
i had this problem all day...check this link out, it solves the problem.
http://www.google.com/support/fo…
- utopian0
tiny fonts...
- scrap_paper0
Thanks all. I'll let you know how how it turns out
- welded0
Put display:block on your images.
