Problem with positioning

@djadejonesJan 16.2012

I have tried allsorts to try and get this slideshow in to the screen of the iphone but just cant seem to get it to shift, any help appreciated.

~~[url]~~www.primarycarecommunity.net/daz/demo.html[/url]

thanks

to post a comment

CSS

@rtretheweyJan 16.2012 — #It looks to me like you need to set .iphone to:

[code]
 position:relative; top:0; left:0;
 [code]
 This should give you the control over the positioning of the .slider-wrapper class <div> that you're looking for.

@djadejonesauthorJan 16.2012 — #Hi rtrethewey,

Thanks for your help, I have added that bit to the .iphone element in the css, but my margin-top still has no effect within .slider-wrapper img

Adrian

@djadejonesauthorJan 17.2012 — #Sorry to bump but have tried allsorts with this and it is really puzzling me... Could anyone shed some light on this for me?

Thanks.

@cootheadJan 17.2012 — #Hi there djadejones,

in your [b]style.css[/b] file, try changing this...

[color=navy]
 .iphone {position:relative; top:0; left:0; height: 746px; background-image: url('images/iphone.png'); background-repeat: no-repeat;}
 [/color]

...to this...

[color=navy]
 .iphone {
 height:611px;
 padding:135px 30px 0 34px;
 background-image:url('images/iphone.png');
 background-repeat:no-repeat;
 }
 [/color]

[i]coothead[/i]

Problem with positioning

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Problem with positioning

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴