Featured Content Glider - can't figure out why I can't add a 4th page.

[loljez]

1) Script Title: Featured Content Glider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentglider.htm

3) Describe problem: Hi there, I'm trying to add a fourth page to this content glider to use it as a simple navigation for a website I'm making, however no matter what I try, it won't let me add a fourth page and I can't for the life of me figure out why. Would be great if someone could help me out (I'm sure its pretty simple for someone who isn't an idiot like me )

Here's the site with the source codes etc: http://jze.comze.com/test/

Thank you <3

Jez

[jscheuer1]

The closing </div> for the wrapper comes before the fourth content div:

<div id="stuff" class="glidecontentwrapper">

<div class="glidecontent">
<table width="600" height="600" cellpadding="5" bgcolor="#999999">
  <tr><td cellpadding="5" valign="top">Design<br /></td></tr></table></div>

<div class="glidecontent">
<table width="600" height="600" cellpadding="5" bgcolor="#333333">
  <tr><td cellpadding="5" valign="top">Portfolio<br /></td></tr></table></div>

<div class="glidecontent">
<table width="600" height="600" cellpadding="5" bgcolor="#CCCCCC">
  <tr><td cellpadding="5" valign="top">Contact<br /></td></tr></table></div>
</div>

<div class="glidecontent">
<table width="600" height="600" cellpadding="5" bgcolor="#CCCCCC">
  <tr><td cellpadding="5" valign="top">Media<br /></td></tr></table></div>
</div>

Get rid of it (red in the above).


Or Put another way (courtesy of vwphillips):

Your HTML was a bit of a mess

corrected code

<div id="stuff" class="glidecontentwrapper">

 <div class="glidecontent">
  <table width="600" height="600" cellpadding="5" bgcolor="#999999">
   <tr>
    <td cellpadding="5" valign="top">Design<br /></td>
   </tr>
  </table>
 </div>

 <div class="glidecontent">
  <table width="600" height="600" cellpadding="5" bgcolor="#333333">
   <tr>
    <td cellpadding="5" valign="top">Portfolio<br /></td>
   </tr>
  </table>
 </div>

 <div class="glidecontent">
  <table width="600" height="600" cellpadding="5" bgcolor="#CCCCCC">
   <tr>
    <td cellpadding="5" valign="top">Contact<br /></td>
   </tr>
  </table>
 </div>

 <div class="glidecontent">
  <table width="600" height="600" cellpadding="5" bgcolor="#CCCCCC">
   <tr>
    <td cellpadding="5" valign="top">Media<br /></td>
   </tr>
  </table>
 </div>

</div>

indenting helps to see the mistakes

[loljez]

Oh thanks a ton, I'm using dreamweaver so I guess its less obvious to see the mistakes, but I should've noticed that, haha, I blame lack of sleep (or maybe I'm just dumb), thank you so much. And happy new year!