Help with BookFlip Slideshow

**AnGeLiC** · 04-17-2006, 03:06 PM

Script Name: BookFlip Slideshow
http://www.dynamicdrive.com/dynamicindex14/bookflip.htm

If someone could help me center this on the page, I would appreciate it. =) I've tried many things and still the slideshow will not center on the website. Thank you for your help. =)

**Twey** · 04-17-2006, 03:10 PM

Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format for asking a question.

**AnGeLiC** · 04-17-2006, 03:15 PM

It's there? =/

**Twey** · 04-17-2006, 03:57 PM

Of course, sorry. There was a flood of posts in which people hadn't read the stickies. Setting margin-left to 40% on the Book element is a fairly good approximation.

**AnGeLiC** · 04-17-2006, 04:44 PM

Where exactly could I put that? I'm not real sure I see what you mean..lol.

**Twey** · 04-17-2006, 05:05 PM

In your stylesheet, use:

Code:

#Book { margin-left: 40%; }

**jscheuer1** · 04-17-2006, 05:06 PM

If you are using a DOCTYPE* (most HTML editors do so by default), this type of thing works well:

HTML Code:

<div id="Book" style="position:relative;width:404px;height:152px;margin:0 auto;">
		<img src="placeholder.gif" width="404" height="152" />
	</div>

The above uses the existing id="Book" division's style to center the slideshow. Notice that the width and height properties of the division are set to the width and height attributes of the placeholder image. These must be calculated using the formula listed on the demo page:

placeholder width: 2*book image width+4

placeholder height: book image height+2

*EXAMPLE DOCTYPE:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

It must be the very first thing on your page before the (also shown) opening <html> or <HTML> tag. As I said, most HTML editors put one of these in automatically.

**AnGeLiC** · 04-17-2006, 05:30 PM

I'm still not quite sure. I apologize. I'm conversing between you guys and the guy actually doing it..lol. If there's anyway I could send you the code we have, so you can show us how to center it? It would be greatly appreciated. =)

**jscheuer1** · 04-17-2006, 05:56 PM

I'd suggest having 'the guy' log on here and look at the posts. You can give him this address:

http://www.dynamicdrive.com/forums/s...ead.php?t=9027
(http://www.dynamicdrive.com/forums/showthread.php?t=9027)

Or you could post a link to your page.

Or as a last resort, post the code, put code tags:

[code]

code goes here

[/code]

around your code in messages here so that it looks like so:

Code: