Animated collapsible DIV and spacing

[simonjones]

1) Script Title: Animated collapsible DIV

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem: I’m building a local website for my own use only, to catalogue and cross reference my DVD collection (sad, I know). I’m trying to use the Animated collapsible DIV to expand a single heading – but, in doing so, the spacing of my list becomes irregular.

To give you an example, I’ve uploaded my main page to here: http://www.whitetara.co.uk/demo/index.html. As you’ll see “ABBA” is comparatively too close to “Abigail’s Party.” (Clicking on “ABBA” will open and close the DIV).

Any ideas, anyone?

Thanks.

[jscheuer1]

Your source code isn't very cross browser to begin with, and I am assuming you use IE. For that or for FF:


<div style="height:30px;">
<a href="javascript:collapse1.slideit()" style="text-decoration: none;">
<font color="#000000" face="Comic Sans MS">ABBA</font></a>
</div>

will work out pretty well.

[simonjones]

Thanks for having a look - I do have IE7 on my PC, but rarely ever use it. My default browser is FF 2.0.0.11

Unfortunately I can’t get your code to work though. But, thank you anyway.

[jscheuer1]

My demo:

http://home.comcast.net/~jscheuer1/side/dvd_h.htm

In FF, your text size from the view menu should be normal (ctrl+0).