PDA

View Full Version : Having trouble placing a slideshow html in a webpage


Golden Child
06-02-2011, 09:56 PM
Hello,

Thanks to everyone on this site, my slideshow is working fine. However, now I'm having trouble placing the slideshow into my webpage. I used the "iframe" technique to put my slide show into my webpage. When I placed the slideshow into my webpage using the iframe, a blank space shows up instead of my slideshow which works fine it's own independent file. I realize that many things could be wrong here. Here is my html for my webpage for starters:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="1128" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1126"><img src="../../../T of D/Test T of D/Test_header.gif" width="1126" height="183" /></td>
</tr>
<tr>
<td><img src="../../../T of D/Test T of D/Test_SideBar.gif" width="107" height="345" /></td>
<td>
<div id="slider">
<div id="frameHolder">
<iframe src="file:///Macintosh/Users/macbookpro/Documents/Demo 6.html" height="343" width="555" scrolling="no" frameborder="0"></iframe>
</div><!-- end frameHolder -->
</div><!-- end slide r--></td>
</tr>
<tr>
<td><img src="../../../T of D/Test T of D/Test_Bottom.gif" width="1126" height="165" /></td>
</tr>
</table>
</body>
</html>


I think the specialized CSS file for my slideshow also maybe a reason why the slideshow isn't showing up in my webpage. Take a look. Does the CSS have to match the layout of the larger webpage html file in which I am placing the slideshow?:

@charset "UTF-8";
/* CSS Document */
*{padding:0;margin:0;list-style:none;outline:none;}
body{font:14px Tahoma, Geneva, sans-serif;}
#slideshowWrapper{position:relative;width:646px;ma rgin:auto;}
#fssPrev{position:absolute;top:169px;left:-67px;background:url(arrows.png) -67px 0px;width:67px;height:143px;text-indent:-999999px;}
#fssNext{position:absolute;top:100px;left:560px;ba ckground:url(arrows.png) no-repeat;width:67px;height:143px;text-indent:-999999px;}
#fssPlayPause{position:absolute;top:300px;right:61 0px;background:url(white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;text-decoration:none;}

ul#slideshow{list-style:none;border:1px solid #999;padding:2px;margin:auto;margin-top:5%;width:640px;height:480px;overflow:hidden;}
p{text-align:center;}
#fssList{list-style:none;width:646px;margin:auto;padding:5px 0 0 45%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}

#top{background:#3b5998;width:100%;height:40px;mar gin-bottom:20px;}
#top h1{color:#fff;font-weight:normal;font-size:18px;padding:7px 0 0 15px}
#top h1 span{font-size:11px;}
#top h1 a{text-decoration:underline;color:#fff;}
#top h1 a:hover{text-decoration:none;}

small a{color:#000;}

Thanks.

DWcourse
06-02-2011, 10:34 PM
Don't know if this is the problem but this link:

file:///Macintosh/Users/macbookpro/Documents/Demo 6.html

which points to a file on your hard drive will certainly be broken when the page is uploaded to your server.

I suspect either you haven't defined your site in Dreamweaver correctly OR you didn't place the Demo 6.html file inside your local root folder OR both.

Golden Child
06-02-2011, 10:55 PM
Note taken. That was exactly the problem. :lol: Simple enough.

Thanks!