Text around Ultimate Fade-in Slideshow

[alok99]

Hi there

I'm having a problem getting some text to fit next to the Ultimate Fade-in Slideshow. The slideshow itself works great, but no matter what I do, my text always appears beneath it. All I'm trying to do is get my text to wrap around the slideshow.

I've tried floating the the div fadeshow1 left, and then floated my text both left and right, but nothing has worked so far. Any ideas?

[jscheuer1]

As the script styles the wrapperid division (fadeshow1 in this case, assuming that's what you are actually using), some styles that you might apply to it yourself might get overridden. Others might be successfully applied, but due to other styles required by the script, might not act as expected. The division for instance will always be (unless overridden in css style employing the !important keyword) position relative and the width and height set in the on page call. Override these at your own risk.

Generally though, floating it will work. If you are having problems with that, you are either floating it incorrectly or misunderstand the implications of floating a division with fixed dimensions. There is a chance though that there is some problem arisiing from the scripted styles. If so, these can be eliminated by wrapping the fadeshow1 division in another of equal dimensions and floating that division instead.

An alternative would be to place the fadeshow1 division in a table. That way other content may be placed with it in the cell (td) or in adjacent cells in the row (tr), or in cells in rows above or below the row the slide show is in. If you are having trouble with the concept of floats, this is often the easiest way to get something like what you are after. But it can often cause the page to load more slowly than it might if using floats instead of a table.

If you want more help, post a link to your page. It might help to make up a small low res graphic that demonstrates how you want things to look. But a link to the page is essential for diagnosing why the float isn't working as expected/desired.

[alok99]

Success! There were two things that have fixed it.
First, I put the fadeshow1 inside another div of the same size, and had that new div floated left. Then, I placed that div within the same div as the text:

<div id="maintext">
	<div id="slideshow">
		<div id="fadeshow1"></div>
	</div>
	<p>lots of text here...</p>
</div>

So that worked. I then tried removing that slideshow div. Once I did that, the text went back down. I kind of understand why this fix works!

Thanks a bunch