Nesting images into divs

[Revant Chopra]

Hi,

I have already created my animation in Google Web Designer but did not nest the images within divs, which is giving me scaling issues when I try to preview it.

I want to know if there is a quick way to group those images into divs so that the individual elements move w.r.t one another.

Quick reply will be greatly appreciated.

Thanks

RC

[Naresh Rajkumar]

a) Create a div element using the Tag Tool.

b) **** Double click on the Div *** (Most important step)
This gets you "into" the div.
So you are operating inside the div, in a 'nested mode.'

c) Drag & drop your images into the div

d) Go back one step in your hierarchy.
You can do this by clicking on the top level Div. This is just above the Timeline and below the 'Design View'.

e) Now, when you move the div you created in (a), you will notice that both images move.


-Naresh (GWD Team)

[Puneet Thukral]

Hello Naresh,

I set up some images and events before I realised I would need them into a responsive DIV.

When I select the DIV this is what I see:

As you can see no images are shown which is correct as they are not in the DIV. On the stage the DIV is exactly the same width and heights as the DIV so what would be the best way to nest them?

As you can see from the Image above I just want to move those images into the DIV.  Proving a little difficult.

[Puneet Thukral]

Ok figured it out, if you have already created images on the stage and want to move them to your div then it isn't really possible in design view.

I simply cut and paste the elements into the div in code view.

Everything seems to still be working.

Thanks