Skip to main content
Donaldson1234
Participant
January 20, 2018
Answered

Image resizing handles not appearing

Hi

I just installed the Dreamweaver CC trial, and I'n trying to change the size of an image (I want to do it by click-drag), but the resize handles are not appearing.

Any tips?

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Jon Fritz
    Jon FritzCorrect answer
    Community Expert
    January 20, 2018

    My guess would be that you are in Live View instead of Design View. Newer versions of DW have some editing capabilities in Live View, one of the functions that hasn't made it across from Design View is the image resize handles.

    View reply

    6 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    January 20, 2018

    Donaldson1234  wrote

    I'm trying to change the size of an image

    Images must be optimized for the web BEFORE inserting into web pages.  Photoshop's  ExportAs feature contains options for optimizing and exporting images in multiple resolutions (1x, 2x, 3x) for responsive web design.   See screenshot.  Note: Lowering the quality slider reduces file size and saves bandwidth. 

    Once exported, you may use either the HTML <srcset> or <picture> element to display appropriately proportioned images to various web devices.

    See link below for details.

    Responsive images - Learn web development | MDN

    Nancy

    Translate
    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    January 20, 2018

    My guess would be that you are in Live View instead of Design View. Newer versions of DW have some editing capabilities in Live View, one of the functions that hasn't made it across from Design View is the image resize handles.

    Translate
    Donaldson1234Author
    Participant
    January 21, 2018

    Thank you fine sir!  This was it.  While I do take on board Ben's advice above, it's good to be able to resize in the way I was looking for, too.

    Translate
    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    January 20, 2018

    You can change the size of the image in the Proerties panel as in

    Translate
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Donaldson1234Author
    Participant
    January 20, 2018

    Thanks for your answer.

    Yes, I know that, but if I wanted to just type in numbers, I would use Vi or Notepad.  Hence mentioning "by click-drag" in my post.  There must be a reason the resize handles are not appearing.

    Translate
    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    January 20, 2018

    Back in the 'good old days' we were able to 'click-and-drag' absolute positioned divs in Dreamweaver, positioning and resizing as we went. This was the worst way a page could ever have been layed out especially in today's environment.

    In today's environment, where web sites are viewed in a number of different devices and sizes, absolute positioning should not be used as part of a basic layout, although it can be used in specific instances. To keep the layout fluid, contemporary designers choose to leave the image sizing relative to the width of the client screen.

    In the example that I showed above, I had set the height of the image to 550px to ensure that the rest of the page would be renderend after that. This value is overridden in subsequent style rules to allow for different screen sizes.

    Translate
    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices