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
Space above Collapso menu
Re: Space above Collapso menu
I don't think Collapso is the culprit here. On my site Collapso generate e.g.
And the menu correctly appears just below the prior item.
You have
So I'd clear out the spurious tags, look for badly nested ones, etc.
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>
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>
Norman
Re: Space above Collapso menu
Thanks, Norman, I'll get the magnifying glass out ![Smile :)](./images/smilies/icon_smile.gif)
![Smile :)](./images/smilies/icon_smile.gif)
Re: Space above Collapso menu
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
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
![Smile :)](./images/smilies/icon_smile.gif)
Malcolm
Re: Space above Collapso menu
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.
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