Log in

View Full Version : Placing text or icons on top of Ultimate Fade In slideshow



BelowZero
12-15-2013, 06:25 PM
I am using the Ultimate Fade In Slideshow and am happy the results. The test page is here: http://www.tonalproductions.com/SteffenConstruction/index.php

I am now looking for a way to place some linked text or images in front of the slideshow so the slideshow images change as expected, but the text or images remain visible.
I've tried using css positioning which works, but the page then looks different in different resolutions which I can't have.

Anybody know of a way to use the slideshow as a "background" with other elements placed in front of it?

Thanks.

Beverleyh
12-17-2013, 11:33 PM
I've tried using css positioning which works, but the page then looks different in different resolutions which I can't have.im not really sure what you're trying to do but you can normally get pretty consistent placement (in varying width screens/viewports) if you position a div 50% from the left and then offset it with a negative margin that is half its width - something like;


.myDiv {
position:absolute;
z-index:9999;
top:100px;
left:50%;
margin-left:-150px;
width:300px;
}
(untested - iPhone)

The above sample puts the div in the middle but you can adjust the negative margin to move it further left or further right.