Space above Collapso menu

Expanding / Collapsing, search engine friendly, Section menu.
Post Reply
Artisan
Posts: 50
Joined: Fri Apr 25, 2008 3:28 pm

Space above Collapso menu

Post by Artisan »

In the site I'm working on at present (http://www.improvemygolf.co.uk/), each sidebar box has a header image, with the content starting right under it.

However, Collapso puts a space above the first section name, is there any way to lose or decrease this space?

Malcolm
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Re: Space above Collapso menu

Post by norman »

I don't think Collapso is the culprit here. On my site Collapso generate e.g.

Code: Select all

<div class="tech_menu_button_title">
   <p class="tech_text_product_section">Product Sections:</p>
</div>
<div id="collapso5">
.
.
</div>
<script type="text/javascript">
<!-- V1.19
collclks();
var strail = new Array();
	strail.push('');
walktree('ul_1_1',0);
// -->
</script>
And the menu correctly appears just below the prior item.

You have

Code: Select all

<b class="content-boxes"><b class="content-boxes5"></b><b class="content-boxes4"></b><b class="content-boxes3"></b><b class="content-boxes2"><b></b></b><b class="content-boxes1"><b></b></b></b></div></td></tr><tr><td height="10"></td></tr><tr><td><div><b class="content-boxes"><b class="content-boxes1"><b></b></b><b class="content-boxes2"><b></b></b><b class="content-boxes3"></b><b class="content-boxes4"></b><b class="content-boxes5"></b></b>
<div class="content-boxesfg"><div align="center">
<img src="heading-product-menu.gif" alt="product menu" width="150" height="18" border="0">
</div>
<div id="collapso5">
.
.
</div>
<script type="text/javascript">
<!-- V1.19
collclks();
var strail = new Array();
strail.push('');
walktree('ul_1_1',0);
// -->
</script>
</div><b class="content-boxes"><b class="content-boxes5"></b><b class="content-boxes4"></b><b class="content-boxes3"></b><b class="content-boxes2"><b></b></b><b class="content-boxes1"><b></b></b></b></div><br/><br/></td></tr></table>
So I'd clear out the spurious tags, look for badly nested ones, etc.
Norman
Artisan
Posts: 50
Joined: Fri Apr 25, 2008 3:28 pm

Re: Space above Collapso menu

Post by Artisan »

Thanks, Norman, I'll get the magnifying glass out :)
Artisan
Posts: 50
Joined: Fri Apr 25, 2008 3:28 pm

Re: Space above Collapso menu

Post by Artisan »

That site was a really bad example, the radius corner boxes were made using some rather lengthy CSS that creates 1 pixel lines at different lengths, and also puts in some extra </b> tags that I hadn't spotted!

However, the site I'm building now doesn't have any of that, but the gap at the top is still there when viewed in Firefox, Opera, Safari and Chrome (it's OK in IE). The site can be viewed temporarily at http://001.artinet.co.uk/ - I can't see anything in the stylesheet Collapso-5-Standard.css that could be causing it - any ideas?

If it's going to cause a headache, don't worry about it, but it would be nice to get it looking right in all browsers :)

Malcolm
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Re: Space above Collapso menu

Post by norman »

Ther pages on 001.artinet.co.uk seem identical to me on IE8 and Firefox. I see white space above the menu but have no idea why it's appearing. Collapso creates a simple UL structure (with the sub-sections using CSS that hides them). Top level sections are normal visible HTML.

I'm not a CSS expert so don't know why this is happening.

You could always temporarily set CollapsoMaxDepth to 1 and thus display only the top-level sections. Collapso would then only generate very simple HTML which you may find easier to debug against your existing CSS.
Norman
Post Reply