PDA

View Full Version : Resolved Featured Content Glider - can't figure out why I can't add a 4th page.



loljez
01-01-2013, 10:25 AM
1) Script Title: Featured Content Glider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.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 :p)

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

Thank you <3

Jez

jscheuer1
01-01-2013, 01:08 PM
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
01-02-2013, 03:49 AM
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!