Skip navigation
Currently Being Moderated

Image size in preview is not right

Sep 13, 2012 9:18 PM

Tags: #images #image_size #stretched #image_stretch

This has been driving me nuts and I thought I could live with it or that it would go away but it hasn't.

 

I use DW to create HTML e-mails, old-school table layout with inline styles. Whenever I create one, then open it later, one or more of the images in the preview is stretched beyond recognition. If I view it in live view, it's fine ... I'd hoped it would refresh when I go back but it doesn't. In order to fix it, I can change the size to 1 pixel off, then change it back and it works. But I'm tired of doing that every flippin' time I open my file. What would cause this and how can I fix it?

 

Please help restore my sanity!

 
Replies
  • Currently Being Moderated
    Sep 13, 2012 9:32 PM   in reply to jod-zeee

    How are you inserting the picture in your page?  are you explicitly defining the Width and height of the picture?  If you are then it should display exactly at that size.  For example, try something like this:

     

     

    <p><img alt="test-pic" height="190" src="2012-09-14_0516.png" width="380"></p>

     

    In the above code, I have inserted the width and height of the picture.

     

    Also, avoid using spaces in the file name.  for example insert hyphens or underscore like this:

     

    "2012-09-14_0516.png"

     

    I hope this gives you the idea.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 13, 2012 10:13 PM   in reply to jod-zeee

    Perhaps try this:

     

     

    <td style="margin:0; padding-top:0; padding-bottom:0; display: block;" ><img src="http://www.mysite.com/images/sleeping-kitty-outside.jpg" width="596" height="200" alt="My description here" /></td>

     

    I have added margin 0; and combined all styles in one place.  Not sure if this is going to make any difference.  Just try it.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Sep 14, 2012 1:22 AM   in reply to jod-zeee

    This should server as a reckoner for you for creating cross-compatible mailers: http://www.campaignmonitor.com/css/

     

    Coming to your issue, do you set the main width and height of your table? Can we see your complete table code and a screenshot of what you mean by 'stretchd beyond recognition'?

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points