PDA

View Full Version : Eliminating gap between pictures with the contractible headers script



zap2012
06-26-2006, 04:19 AM
Ok, I've been using the contractible headers script for a while, and it's awesome. The first thing I did with it was make it so that the "clickable" item was a picture rather than text. That wasn't a problem. The problem is that there is a gap between the images that I can't seem to get rid of. Here's my code:

<img src="http://www.thisishereisnowhy.net/Images/my%20friends%27%20blogs%202.jpg" onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer"></img>
<div id="sc1" class="switchcontent" align="right">
<ul>

<li><a href="http://chrysxtal.blogspot.com/">Chrystal's Blog</a></li>
<li><a href="http://itismostclearlyon.blogspot.com/">Cole's Blog</a></li>
<li><a href="http://bluebunny80.livejournal.com/">Elise's Blog</a></li>
<li><a href="http://nihilnovumsubsole.blogspot.com/">Lauren's Blog</a></li>
<li><a href="http://rpmcnamara.blogspot.com/">Ryan's Blog</a></li>
<li><a href="http://symplectic.blogspot.com/">Santi's Blog</a></li>



</ul>
</div>
<img src="http://www.thisishereisnowhy.net/Images/blogs%20i%20read%20daily.jpg" onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer"></img>
<div id="sc2" class="switchcontent" align="right">
<ul>
<li><a href="http://www.legalbadger.blogspot.com/">Legal Badger</a></li><br><font size=1>A commentary on
life at the University of Wisconsin Law School</font>
<li><a href="http://www.onebluesun.org/trj/">The Rising Jurist</a></li><br><font size=1>The occasionally
side-splitting and controversial blog of a recently graduated lawyer who (surprisingly) still cares about the law</font>
<li><a href="http://www.jointtortfeasors.com/">Joint Tortfeasors</a></li><br><font size=1>The monkey made
me do it, indeed</font>
<li><a href="http://tortcaesar.blogspot.com/">Tortcaesar</a></li><br><font size=1>Yet another anonymous law
school blog</font>
<li><a href="http://overheardinlawschool.blogspot.com/">Overheard in Law School</a></li><br><font size=1>Hillarious things law students have heard other law students say</font>
</ul>
</div>

I'd really appreciate any thoughts on how to fix the problem.

My site's address is http://www.thisishereisnowhy.net.

jscheuer1
06-27-2006, 07:21 AM
I'm thinking that either you fixed it already, or the gap is very small, or you mean the gap that appears below an expanded section because, it looks fine to me.