Streaming live at 10am (PST)

Move image - getting started


#1

hello watched all the videos but how does one actually move an image position.... basic problem : thanks


#2

Images are positioned relevant to their parent container. So just place it in a container, and move it around in the container using margins or paddings.

You can place it in a row-->column (thats a containing element) to define its raw placement on your layout. Next you use margin and/or padding to scale and move it. Also floating it to the right or left might help.

On the other hand you could also use absolute positioning to get your image where you want it.

Hope that helps smile


#3

thanks for help here - is there any video or written tutorial showing screenshots?


#4

i can see what you mean about margin and padding for fine allignment but i am also looking for

simular to what you mentioned:

On the other hand you could also use absolute positioning to get your image where you want it.

knowing exactly what you mean there would be great - i presume you mean using somesort of coordinate command which is what i am looking for ...

example when i load image in container it is placed on left - i need centre but how ?

thanks


#5

after watching the videos really enthusiastic about your program

but now after this confusion with a basic function I am really wondering here.

seemingly complex and fiddly


#6

but like anything else easy when you know how - practice - cheers


#7

Its not my program smile I just use it.

But yes, absolute positioning means that you give it an X and Y coordinate and often also a z-index ( to make sure it is on-top of other elements with absolute positioning)

check this:

http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

and:

http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Good luck smiley


#8

@rangex It's always best to not use Absolute Positioning for normal layout. I created a tutorial on how to center elements:


#10