I'm working on an HTML email with 2 themes. I want both themes to have the same markup structure.
One theme has a rounded corner png image up top, the other does not. So for the one that does not, I'd like to use a display:none; on the wrapping <div>.
Surprisingly, this is working in Outlook 07, but in Gmail, the rounded corner image still appears.
Can anybody help me with this issue?
<div class="welcome-hdr-img" style="font-size: 14px;line-height: 20px;font-family: Tahoma;color: #666666;border-collapse: collapse;display: none;"> <img src="img/welcome-hdr.png" width="600" height="16" border="0" vspace="0" hspace="0" style="border: 0;"> </div>
I've used display:none; on the img tag as well, but that was still unsuccessful. When I used display: none !important; it worked in Gmail but started to display in Outlook 2007.
Off the top of my head, have you tried putting the display:none !important in the image while placing the regular display:none in the div?
That actually worked -- Thanks Brian