Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1
    Join Date
    Aug 2006
    Location
    UK
    Posts
    119
    Plugin Contributions
    0

    Default CSS Flyout Oddity.

    Hi.

    I have just installed the latest version CSS Flyout module into my 1.3.5 Zen.

    In IE 6 all the category flyouts etc are working great!
    BUT for some reason the flyouts go below ANY product image on any page in the centrebox (Main Content) but over all text.

    In Firefox I get the same problem, PLUS some extra purple lines are appearing in between some of the categories.

    Any ideas?

    My site is live so I am down for maintenence while trying to correct, so dont know if I can show anyone my problem.

    Regards Chris


  2. #2
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: CSS Flyout Oddity.

    Rule # 1 - When adding, changing to even thinking about doing anything to your Zen Cart site. BACKUP!!!!

    Rule # 2 - Before doing anything in Rule # 1 - Test the addon, change or whatever in your test site.

  3. #3
    Join Date
    Aug 2006
    Location
    UK
    Posts
    119
    Plugin Contributions
    0

    Default Re: CSS Flyout Oddity.

    Hi Kim.

    I did back my site up.

    I decided to add the flyout as an afterthought, and regarding the test site, I tried to set one up, following instructions from numerus different threads, but kept getting errors, and couldnt set it up, so i gave up. Sometimes I have asked questions in a thread that never get answered. So I just do the best I can. This is not ideal, but if your thread doesnt get answered and buried under all the others, what else can you do?

    Many people view my threads but do not always answer (maybe they dont know the answer). Then if others see your thread has been viewed numerous times tend to ignore it. As may happen in this thread. Now you have answered, chances are I wont be offered a solution.

    I appreciate I have a lack of patience at times, but if you look at the forum, there are many threads that go answered, and I personally dont always have time to wait days for replies.

    Kind Regards
    Chris


  4. #4
    Join Date
    Mar 2006
    Location
    Rosebud, Victoria, Australia
    Posts
    310
    Plugin Contributions
    2

    Default Re: CSS Flyout Oddity.

    G'day,

    When I checked your site, the flyouts were not working with IE6.

    Anyway, chances are you might need to look at using z-index values in your CSS file to adjust what page elements should appear in which layer.

    I haven't finished getting CSS Flyouts working yet, but if I get this problem, that's where I'd start looking.

    Best Regards, Lloyd Borrett.

  5. #5
    Join Date
    Aug 2006
    Location
    UK
    Posts
    119
    Plugin Contributions
    0

    Default Re: CSS Flyout Oddity.

    Hi Lloyd.

    Thanks for the reply.

    I now have my CSS Flyouts working. You were correct regarding the z-index value which I found in another thread. Its been quite a lot of tweaking to get the flyout to work and display correctly in both IE6 and Firefox, but I think I have managed it.

    My only problem now is that the submenu sometimes drops out of view and the user has to do awkward scrolling to select from the sub menu. I have altered the category sort order temoprarily until I can resolve this.

    Its a nice looking module, so bear with it, Im sure you'll get it sorted one way or another. If I come acroos any threads that may help you, I will let you know, as you are probably more code 'savvy' than me.

    Good luck!

    Kind Regards
    Chris


  6. #6
    Join Date
    Sep 2006
    Posts
    37
    Plugin Contributions
    0

    Default Re: CSS Flyout Oddity.

    Where did you place the z-index value? which css file.

    George

  7. #7
    Join Date
    Aug 2006
    Location
    UK
    Posts
    119
    Plugin Contributions
    0

    Default Re: CSS Flyout Oddity.

    Hi George.

    I placed the z-index value in the stylesheet_categories_menu.css file, which hopefully you have made a custom templatye override file.


    My file looks like this:

    body { behavior: url(includes/csshover.htc);} /* WinIE behavior call */
    div#nav-cat {width: 152px; margin: -4px 0 0 -1px;
    background-color: #63D65A; font-weight:bold;}
    div#nav-cat ul {margin: 0; padding: 0; width: 151px; background-color: #63D65A;
    /* border: 1px solid #AAA;*/}
    div#nav-cat ul.level2 {background-color: #63D65A;}
    div#nav-cat ul.level3 {background-color: #63D65A;}
    div#nav-cat ul.level4 {background-color: #63D65A;}
    div#nav-cat ul.level5 {background-color: #63D65A;}
    div#nav-cat ul.level6 {background-color: #63D65A;}
    div#nav-cat li {position: relative; list-style: none; margin: 0;
    z-index: 1;
    margin-top: 5px; /* change it to whatever space you want to put space between buttons*/
    border-bottom: 2px solid #CCC; /* <---this line may help or hinder IE menu shifting issues */
    }
    div#nav-cat li li {
    margin: 0; /* this overrides the margin-top in the declaration above */
    }
    div#nav-cat li:hover {background-color: #C6E7B5;}
    div#nav-cat li.submenu {
    background: url(../images/submenu.gif) 95% 50% no-repeat;
    background-color: #63D65A;}
    div#nav-cat li.submenu:hover {background-color: #63D65A;}
    div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
    text-decoration: none; width: 148px; color: #3300FF;}
    /*border-left: 0.5em solid #BBB;}
    div#nav li a:hover {border-left-color: red;}*/
    div#nav-cat>ul a {width: auto;}
    div#nav-cat ul ul {position: absolute; top: 0; left: 150px;
    display: none;}
    div#nav-cat ul.level1 li.submenu:hover ul.level2,
    div#nav-cat ul.level2 li.submenu:hover ul.level3,
    div#nav-cat ul.level3 li.submenu:hover ul.level4,
    div#nav-cat ul.level4 li.submenu:hover ul.level5,
    div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;}


    I hope this helps you.
    Regards Chris


  8. #8
    Join Date
    Mar 2006
    Location
    Rosebud, Victoria, Australia
    Posts
    310
    Plugin Contributions
    2

    Default Re: CSS Flyout Oddity.

    G'day,

    I'm getting a slightly different though related problem with CSS Cattegories Menu Flyout.

    The flyout menus are going under the "Filter results by" manufacturer dropdown box when viewed in IE6. FF is working fine.

    See http://www.scubadoctor.com.au/divesh...index&cPath=67 for an example of the problem.

    I thought it would be a simple case of adding appropriate z-index values in the right places. But so far I've tried a lot of places and values and not had any success.

    I'd be most grateful if anyone has a solution, or can point me in the right direction.

    Best Regards, Lloyd Borrett.
    Zen Cart 1.5.5e, PHP 5.3.29 MySQL 5.5.42

  9. #9
    Join Date
    Jan 2007
    Location
    Bellingham, Wa
    Posts
    174
    Plugin Contributions
    0

    Default Re: CSS Flyout Oddity.

    How do you just remove the Filter Results by: ?

    I hate that thing anyway.

  10. #10
    Join Date
    Jul 2006
    Location
    Johannesburg
    Posts
    447
    Plugin Contributions
    1

    Default Re: CSS Flyout Oddity.

    Hi all,

    I recently installed the CSS-FlyOut menus and it was a very easy and painless installation. (see link in sig.)

    Which templates are you using? Try changing to the classic template and see if problem persists.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. layout changed after installed CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Feb 2014, 04:02 PM
  2. v151 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  3. CSS Flyout
    By jaygee in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 27 Feb 2007, 12:34 AM
  4. css flyout
    By blackinches in forum Basic Configuration
    Replies: 2
    Last Post: 13 Dec 2006, 12:30 AM
  5. css flyout
    By AngelusUK in forum Basic Configuration
    Replies: 4
    Last Post: 20 Oct 2006, 02:36 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR