PDA

View Full Version : Bridging the gap between menu and header in Catalogue

smudgie
23-Nov-2003, 02:41 PM
I can't seem to remove the small gap which is created when I add a background image for my side menu and the top header (see attached). in catalogue.

Any ideas?

Thanks
steveo_uk
24-Nov-2003, 08:25 AM
i think its a table problem u may have a stray space or the table height is not set correctly. without the code its a bit difficult to say
smudgie
24-Nov-2003, 07:27 PM
Does this help? It's the Act_Primary file. sidemenu.jpg is the background image file and topback.gif the header image.

Incidently, can I use Dreamweaver MX to amend my page? I did try to, but although it looks like it's closed the gap, it obviously hasn't. Thanx



<!-- Primary HTML begin -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>
NETQUOTEVAR:PAGETITLE NETQUOTEVAR:PAGEHEADER
</TITLE>
<Actinic:BASEHREF VALUE="NETQUOTEVAR:BASEHREF"/>
<META NAME="ACTINICTITLE" CONTENT="NETQUOTEVAR:PAGEHEADER">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<!--@act NETQUOTEVAR:HEADERMETA -->
<!--@act NETQUOTEVAR:LOADFUNCTION -->
<!--@act NETQUOTEVAR:SUBMITFUNCTION -->
<!--@act NETQUOTEVAR:P3PFULLPOLICYLINK -->
<LINK REL=STYLESHEET HREF="actinic.css">


<SCRIPT LANGUAGE="JavaScript" SRC="actiniccore.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="actinicextras.js" TYPE="text/javascript"></SCRIPT>

<!-- Placeholder of cookie checking javascript code. Do not remove it! -->
<Actinic:COOKIECHECK/>

<!--
The NETQUOTEVARs below can be uncommented for getting raw section lists:
1. Top level section list
2. Section list from current level and all children
3. The whole section tree
The rest covers the standalone structure members for each array - e.g. if
you only need sName or sURL from an array.
See the documentation for details.

NETQUOTEVAR:TOPLEVELSECTIONS_RAW
NETQUOTEVAR:CHILDSECTIONS_RAW
NETQUOTEVAR:SECTIONTREE_RAW

NETQUOTEVAR:SECTIONTREE_NAMES
NETQUOTEVAR:SECTIONTREE_URLS
NETQUOTEVAR:SECTIONTREE_IMAGES
NETQUOTEVAR:SECTIONTREE_IMAGEWIDTHS
NETQUOTEVAR:SECTIONTREE_IMAGEHEIGHTS
NETQUOTEVAR:SECTIONTREE_SECTIONIDS

NETQUOTEVAR:TOPLEVELSECTIONS_NAMES
NETQUOTEVAR:TOPLEVELSECTIONS_URLS
NETQUOTEVAR:TOPLEVELSECTIONS_IMAGES
NETQUOTEVAR:TOPLEVELSECTIONS_IMAGEWIDTHS
NETQUOTEVAR:TOPLEVELSECTIONS_IMAGEHEIGHTS
NETQUOTEVAR:TOPLEVELSECTIONS_SECTIONIDS

NETQUOTEVAR:CHILDSECTIONS_NAMES
NETQUOTEVAR:CHILDSECTIONS_URLS
NETQUOTEVAR:CHILDSECTIONS_IMAGES
NETQUOTEVAR:CHILDSECTIONS_IMAGEWIDTHS
NETQUOTEVAR:CHILDSECTIONS_IMAGEHEIGHTS
NETQUOTEVAR:CHILDSECTIONS_SECTIONIDS

The section level can be accessed through:
NETQUOTEVAR:SECTIONLEVEL
-->

<!--
The NETQUOTEVARs below can be uncommented and moved to the appropriate

location
to save and load shopping lists
<A HREF="NETQUOTEVAR:SAVECARTURL"><FONT FACE=ARIAL SIZE=-1><I><B>Save

Shopping List</B></I></FONT></A>
<A HREF="NETQUOTEVAR:RESTORECARTURL"><FONT FACE=ARIAL SIZE=-1><I><B>Load

Shopping List</B></I></FONT></A>
--->

</HEAD>

<BODY background="topback.gif" TEXT="NETQUOTEVAR:FGCOLOR" leftmargin="0" topmargin="0" marginwidth="3" marginheight="5" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>

<table width="100%" border="0" cellspacing="0" cellpadding="5" background="">
<tr background="topback.gif ">






<td width="66%" valign="top">NETQUOTEVAR:LOGOIMAGE </td>
<td width="34%" valign="top"><table width="100" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td bgcolor="NETQUOTEVAR:FGCOLORCSS">
<div align="center"> <span class="actxxsmall"> <font color="NETQUOTEVAR:BGCOLORCSS">
<script language="JavaScript">
document.write("NETQUOTEVAR:CARTCOOKIEITEMS&nbsp;" + getCartItem(3)+"&nbsp;<BR>");
document.write("NETQUOTEVAR:CARTCOOKIEVALUE&nbsp;" + getCartItem(1));
</script>
</font></span> </div>
</td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td background="sidemenu.jpg" valign="top" width="103">
<div align="left"><br>
NETQUOTEVAR:FOOTERGUIDE<br>
NETQUOTEVAR:SIMPLESEARCH<br>
<br>
</div></td>
<td width="679" valign="top">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="CUSTOMVAR:ACTSTDWIDTH" ALIGN="CENTER">
<TR>
<TD VALIGN="MIDDLE" ALIGN="LEFT" >
NETQUOTEVAR:FORMBEGIN
<A NAME="top"><INPUT TYPE=HIDDEN NAME=RANDOM VALUE="NETQUOTEVAR:RANDOM"></A>
NETQUOTEVAR:HIDDENFIELDS
<!-- If customer accounts are in operation following two lines allow displaying -->
<!-- User name and customer account name on every page -->
<!-- NETQUOTEVAR:LOGINLINK --><Actinic:NOWSERVING/>
<Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/><br>
<!-- NETQUOTEVAR:HEADER -->
<span class="actxsmall">NETQUOTEVAR:HEADERTEXT<br><br></span>
NETQUOTEVAR:BULK <br><br>
<span class="actxsmall">NETQUOTEVAR:FOOTERTEXT</span>
<!-- NETQUOTEVAR:FOOTER -->
NETQUOTEVAR:FORMEND<br>
</TD></TR>
</TABLE>
</td>
</tr>
</table>
</BODY>
</HTML>
<!-- Primary HTML end -->
garyhay
25-Nov-2003, 07:53 AM
Just had a quick look at this. Could it be the cellpadding that is causing the gap.

<BODY background="topback.gif" TEXT="NETQUOTEVAR:FGCOLOR" leftmargin="0" topmargin="0" marginwidth="3" marginheight="5" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>

<table width="100%" border="0" cellspacing="0"
cellpadding="5" background="">
<tr background="topback.gif ">
smudgie
26-Nov-2003, 07:07 PM
If I reduce the cell spacing to less than 5 then the gap does decrease, however, it then starts to push my header image further up and as I have a background image running along the top underneath the logo, this means everything become disjointed.

I need to be able to keep everything which is happening in my header static, while the menu table moves up.

If anyone has any ideas...??????
Mike Hughes
27-Nov-2003, 08:19 AM
At one time in the past I had problems because some of the templates and various bits of html were using spaces instead of tabs for indenting the html code.

The problem is that is if the spaces aren't within a cell then they get 'printed' at the top of the table thereby causing wierd gaps where there shouldn't be any.

In the end I went through all the templates and html bits and manually deleted any spaces I could find, replacing them with tabs. This cured the problem.

I'm sorry but I can't remember exactly where this occured.

Mike
garyhay
27-Nov-2003, 10:28 AM
Is this fixed??
Mike Hughes
27-Nov-2003, 03:20 PM
I don't know if this has been fixed or not.

I use customised templates and because of the mess the upgrade makes (version upgrades in particular, i.e. V5 -> v6) I compare new and old files and then copy the new bits into my customised files.

Mike
garyhay
27-Nov-2003, 04:06 PM
Sorry I meant was smudgie's gaps fixed
smudgie
11-Feb-2004, 08:46 PM
Sorry didn't get back in touch. Just reading through my old postings in case I missed something.

Well if you've noticed my latest post...No I didn't fix this problem.

I managed to cheat on the site I originally posted my message about and made the gap part of the design! but this time I'm using a photograph, so the images have to close together.
cdicken
12-Feb-2004, 08:31 AM
Do you have a URL to look at? The image does not give me enough of a clue about what is going on.

One tip - is the gap underneath the logo image? If so then remove all comments and line breaks from Act_LogoImage.html and ensure that 'Compress HTML/CGI' is selected in 'Design | Options | Miscellaneous'.

You can also do this with navigation icons by editing Act_NavigationItem and Act_NavigationImage.