Participant

Answered

How can I move images in dreamweaver cc2015 ?

Forum|Forum|10 years ago
December 1, 2015
2 replies
29103 views

Hi,

How can I move images in dreamweaver cc2015, ?

Found this somewhere in the web

Tried it but couldn’t work

-------------------------

To move images in Dreamweaver CS5 do the following:

1.Using your Adobe Dreamweaver CS5 application, open your HTML document
2.Select the option "Split" from the top of your window. This will display the Design as well as the Code Views.
3.Click on the image you want to move. This will highlight the text of the image in the Code View pane.
4. Add <div style="position:absolute"> before the IMG code and </div> after the IMG code
5.Click again on your image in the Design View pane. You will see a little blue square right above the images top left side.
6.Click that little square and drag it to position your image where you want on the page
7.Save your changes.

------------------------

What are the ways to move an image around in dreamweaver cc2015?

Thank you.

Learn Dreamweaver

This topic has been closed for replies.

Correct answer Jon Fritz

The instructions you found would make the <div> container holding the image draggable and resizable. It would also only work within Design View. If you had Live View turned on, you wouldn't see any guides.

This is probably the worst way to lay out your page though, it honestly should never be done in today's websites.

Use css floats, padding and margin to position images and containers in your site. Position:absolute should only be used in rare one-off situations.

Community Expert

Correct answer

Community Expert

The instructions you found would make the <div> container holding the image draggable and resizable. It would also only work within Design View. If you had Live View turned on, you wouldn't see any guides.

This is probably the worst way to lay out your page though, it honestly should never be done in today's websites.

Use css floats, padding and margin to position images and containers in your site. Position:absolute should only be used in rare one-off situations.

Known Participant

Used to be so much easier to design in DW. I'd lay things out in layers then convert to a table at the end. It was what made DW different and better to other webdesign software. I don't really see why it won't/can't let me work out a layout and then convert it all to responsive elements. I can work the code, but it used to be much more designer-friendly.

Community Expert

Community Expert

It used to be much easier to design websites, period.

If you want to shake a fist at someone though, I'd pick Apple. The advent of smartphones, and subsequent near total adoption of them by online users, changed our industry more than any other technological advancement before it. The old ways simply do not work on mobile devices and DW had to reflect that fact or become completely irrelevant.

Once modern methods are understood, it's really not all that bad though. It just takes time to fully understand how css is used instead of tables for layout. Once you know how media queries work, it's pretty simple to create modern sites that function well across all devices with DW.

Community Expert

Community Expert

By moving images around, I assume to mean drag and drop. If that is what you want, then Dreamweaver is not for you. The only way to position an image is to use HTML and CSS.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!