Dreamweaver 8

Posted on 2007-08-10
Last Modified: 2013-11-05
I am trying to insert an image in my index page while I am in layout mode. The image place holder is a fixed 568 (width) x 253 (Height). I resized the image in photoshop (568x253) and inserted it into its spot in the index page. The problem is that the image is always too small or too big for the image place holder eventhough I resized it to the same dimension from my image place holder. What am I doing wrong? Aren't the image size in DW in pixels? or is it expressed in something else?

Any hints would be greatly appreciated.

Question by:Nyko333
    LVL 18

    Expert Comment

    I should imagine pixels but to be honest I wouldnt trust Dreamweaver in layout mode. Go into code mode and show us the code.
    LVL 70

    Accepted Solution

    Hi Nyko333,

    How big/small is the difference between the placeholder and the actual image?  If we are talking only a pixel or two difference, it could be due to a border.

    Everything in DW defaults to pixels (for images), so despite Eternal_Student's misgivings, the image should be fine.  The only thing I can think of is that when you manipulate the image in photoshop, you are inadvertently changing the size of the end product.
    LVL 25

    Expert Comment

    Check that when you resize in Photoshop, the image has a DPI value of 72, otherwise it will always show too big in the next program.

    Other than that I'll back Jason's idea, but do check that your placeholder object doesn't have any padding space assigned to it.
    LVL 3

    Assisted Solution

    I too have had this problem a lot too

    What you need to do is use the Preview function and look at it in both Firefox and IE
    sometimes the issue is that in one of the two browsers it will look just right and in the other one it will be slightly skewed... or in this case, might show up as an incomplete or broken image

    The Main thing is to check your tables (Placeholders) and make sure there is 0 px padding, spacing, and everything else including borders.

    Hope it helps

    Featured Post

    Highfive + Dolby Voice = No More Audio Complaints!

    Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

    Join & Write a Comment

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
    In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    24 Experts available now in Live!

    Get 1:1 Help Now