1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

dreamweaver help!!!!!!!! email slices!!!!

Discussion in 'Web Design & Development' started by mwdesign, Dec 15, 2011.

Thread Status:
Not open for further replies.
Advertisement
  1. mwdesign

    mwdesign Thread Starter

    Joined:
    Aug 20, 2010
    Messages:
    183
    Hi, i am creating an e-mail newsletter in mailchimp. i have sliced my design and added links in dreamweaver.
    I have added inline css code for each img to:

    td img {display:block;}

    Now this renders fine in chrome gmail and firefox gmail. However in IE, the slices are still showing white gaps in between them. Ill attatch an image of how it looks.

    Any help will be much appreciated as its driving me nuts. Thank you
     

    Attached Files:

  2. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,300
    First Name:
    Colin
    You are puttin the slices inside tables is that what you intend to do?

    If so you need to make sure that the table has no borders set as that is the probable reason for the white spaces. Why not use div's for everything? Tables should not be used for layout.
     
  3. mwdesign

    mwdesign Thread Starter

    Joined:
    Aug 20, 2010
    Messages:
    183
    The reason they are in html tables is because i am using mailchimp to send out the emails. Mailchimp requires old style of coding. It doesnt recognise divs aparently so ive made slices and imported it into dreamweaver added inline CSS of display block, and border collapse:collapse. All of this works fine in gmail in chrome and firefox, but IE shows my links with blue borders around them and white gaps between cells.
     
  4. mwdesign

    mwdesign Thread Starter

    Joined:
    Aug 20, 2010
    Messages:
    183
    its ok thank you this was the code needed to fix it in IE.

    <STYLE type="text/css">
    td {border-width:0px; margin:0px;background-color:yellow; border-collapse:collapse; padding:0; cell-spacing:0; border-spacing:0px; font-size:0px;}
    table {background-color:yellow; border-collapse:collapse; cell-spacing:10; padding:0px; border-spacing:0px; font-size:0px; }
    img {padding:0px; border-width:0px; margin:0px; display: block; background-color:yellow;border-collapse:collapse; cell-spacing:0; padding:0px; border-spacing:0px; font-size:0px; }
    </style>
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1031355

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice