PDA

View Full Version : Animated collapsible DIV and spacing



simonjones
12-23-2007, 08:23 PM
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
12-23-2007, 08:47 PM
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
12-23-2007, 09:12 PM
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
12-23-2007, 09:17 PM
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).