Announcement

Collapse
No announcement yet.

Bridging the gap between menu and header in Catalogue

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Bridging the gap between menu and header in Catalogue

    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
    Attached Files
    Tags: None
    #2
    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

    Comment

      #3
      Gap

      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 -->

      Comment

        #4
        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 ">
        Owner of a broken heart

        Comment

          #5
          Gap

          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...??????

          Comment

            #6
            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
            -----------------------------------------

            First Tackle - Fly Fishing and Game Angling

            -----------------------------------------

            Comment

              #7
              Is this fixed??
              Owner of a broken heart

              Comment

                #8
                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
                -----------------------------------------

                First Tackle - Fly Fishing and Game Angling

                -----------------------------------------

                Comment

                  #9
                  Sorry I meant was smudgie's gaps fixed
                  Owner of a broken heart

                  Comment

                    #10
                    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.

                    Comment

                      #11
                      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.

                      Comment

                      Previous template Next
                      Working...
                      X