Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

How can I move images in dreamweaver cc2015 ?

Community Beginner ,
Nov 30, 2015 Nov 30, 2015

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.

28.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Dec 01, 2015 Dec 01, 2015

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.

Translate
Community Expert ,
Dec 01, 2015 Dec 01, 2015

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!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 01, 2015 Dec 01, 2015

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 11, 2016 Nov 11, 2016

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 11, 2016 Nov 11, 2016
LATEST

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines