picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

This forum contains topics that were moved from Get Satisfaction
Yashwanth Yellapragada
Posts: 0
Joined: Tue Sep 02, 2014 1:13 pm

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Yashwanth Yellapragada »

When i add a picture to the screen of size 320*480 the picture is centered . But when i increase the size of the screen , the pic is getting left aligned. I want the pic to be centered even when the screen size is increased.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Maryna Brodina »

Hello!

Do you want this picture to be a background?

Yashwanth Yellapragada
Posts: 0
Joined: Tue Sep 02, 2014 1:13 pm

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Yashwanth Yellapragada »

No , the picture is below a text .

And , if i want the picture to be on the background , how do i do it ?

Could you please help me out with both the questions ? :)

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Evgene Karachevtsev »

Hello Yashwanth,

Please add to the picture these properties:
premargin-left:auto;
margin-right:auto;/pre

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Evgene Karachevtsev »

Yashwanth,

For background. Upload the image in Media Manager and add in the css file following:
pre[dsid=mobilecontainer1]{
background: url("../image/image.jpg");
background-size:cover;
}/pre
Where image.jpg is the name of your image.

Yashwanth Yellapragada
Posts: 0
Joined: Tue Sep 02, 2014 1:13 pm

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Yashwanth Yellapragada »

even after adding the margin-right:auto; property to the picture , i am facing the same problem :( . When i change the screen resolution , the picture is going to the left .

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Alena Prykhodko »

Please share (http://devcenter.appery.io/documentat...) your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and send us the app name and steps to test.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

picture is getting left aligned as i increase the screen size. I want the picture to be centered as the screen size is i

Post by Kateryna Grynko »

Hi Yashwanth,

Did you solve this issue?

Post Reply