Page 2 of 2 FirstFirst 12
Results 11 to 20 of 20
  1. #11
    Join Date
    Mar 2006
    Posts
    199
    Plugin Contributions
    0

    Default Re: css flyout issue

    This thread really helped me...I had that goofy stretching in FF too which has now been fixed by removing "float".

    Now I seem to have a different issues...in IE my information sidebox is right under the categories sidebox. For some reason, none of the links in the information sidebox show up unless I hover over them first. You can see it here: http://www.divaknitting.com/store Any ideas how I might fix this?

    Also in IE, the browser doesn't seem to know to change the "accessories and notions" to two lines so that it fits in the sidebox. FF does this automatically. Is there any way I can "force" IE to do the same?

    Finally, and this one is really picky, not crucial, but the top left sidebox "we accept" has a little extra blue hanging out that creates an uneven box. This only happens when I have the css flyout menu enabled. Similar stretching type of thing maybe?
    Zen Cart: Diva Knitting

  2. #12
    Join Date
    May 2006
    Location
    Australia
    Posts
    110
    Plugin Contributions
    2

    Default Re: css flyout issue

    Hey, I've got my flyout menu working to some degree, however the CSS and HTML behind it is very 'inconvenient' and doen't allow much proper customisation. For example the 'submenu' class should be applied to the HREF element, not the LI. It's much more appropriate to use the hrefs for styling rather than the list elements, because you're really rolling over the link and not the list, if that makes sense.

    In the 'categories_ul_generator.php' page, how can I move the 'menu' class onto the href element as opposed to the LI?

  3. #13
    Join Date
    May 2006
    Location
    Australia
    Posts
    110
    Plugin Contributions
    2

    Default Re: css flyout issue

    On second thought, I just noticed the advantage of keeping it the way it is. Ie: the first first list item retains it's hover state when you go deeper into the submenu.

    Hmm, I guess it can stay this way.

    Here's my CSS if anyone wants to have a go:
    Code:
    div#nav-cat ul {
    	list-style: none;
    	margin:0;
    	padding:0;
    }
    div#nav-cat ul.level2, div#nav-cat ul.level3, div#nav-cat ul.level4 {
    	background-color: #def;
    	width: 13em;
    }
    div#nav-cat li {
    	position: relative;
    }
    div#nav-cat li:hover {
    	background-color: #fff;
    }
    div#nav-cat li a, div#nav-cat li a:visited {
    	display: block;
    	padding: .2em;
    	text-decoration: none;
    	border-bottom: 1px solid #9cf;
    }
    div#nav-cat li.submenu {
    	background-image: url(../images/arrow_blue01.gif);
    	background-repeat: no-repeat;
    	background-position: 98% 50%;
    }
    div#nav-cat li li.submenu:hover {
    	background-position: 100% 50%;
    }
    div#nav-cat ul ul {
    	position: absolute;
    	top: 0;
    	left: 13em;
    	display: none;
    	border-right: 1px solid #9cf;
    	border-left: 1px solid #9cf;
    	border-top: 1px solid #9cf;
    	margin: -1px 0 0 0;
    }
    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;}#centerContent #mainContent {
    	padding: 0 .5em;
    }
    You'll need to change the name of the background image for your own image.

  4. #14
    Join Date
    Jun 2006
    Location
    Taos,NM
    Posts
    320
    Plugin Contributions
    0

    Default Re: css flyout issue

    This thread's a bit over my head - I installed the flyout mod and it seemed to go very well.

    This is how it appears in both FF & IE -

    1) Its purple (not that I don't love purple but - you know what I mean
    2) It's not aligning with the rest of the template.

    Where do I stack hacking, um I mean modifying...

    (Screen shot attached)
    Thanks,
    Laura
    Attached Images Attached Images  

  5. #15
    Join Date
    Jun 2006
    Location
    UK
    Posts
    4
    Plugin Contributions
    0

    Re: css flyout issue

    Hi,

    My flyout menu doesn't respond in IE yet is working perfectly in FF. I tried the stylesheet Rowan offered and that doesn't help either. Any Ideas?

  6. #16
    Join Date
    Aug 2006
    Posts
    1
    Plugin Contributions
    0

    Default Re: css flyout issue

    Hi All,

    I need to know that whether zencart is W3c validated.
    I mean that HTML and css are validated using the validation service provided by
    www.w3c.org

    Please let me know.

  7. #17

    Default Re: css flyout issue

    did you put the csshover.htc file in the right place?
    f.


    Quote Originally Posted by FreedomWebDev
    Hi,

    My flyout menu doesn't respond in IE yet is working perfectly in FF. I tried the stylesheet Rowan offered and that doesn't help either. Any Ideas?

  8. #18
    Join Date
    Jun 2006
    Location
    UK
    Posts
    4
    Plugin Contributions
    0

    Default Re: css flyout issue

    Well just after posting that I did notice the line at the top of stylesheet_categories_menu.css which points to includes/csshover.htc and noticed it wasn't there, it had got missed out altogether. Hope it helps someone else, it's always the little things!

  9. #19
    Join Date
    Jan 2007
    Location
    Florida/Missouri
    Posts
    77
    Plugin Contributions
    0

    Default css flyout issue

    Can anyone help. I have played with the stylesheet_categories_menu.css. Im so close! Anyways, I cant figure out how to get the buttons to size to fill the category box. Using version css flyout 1.3b on 1.3.7 Take a look www.securitybycamera.com. Thank You Gary

  10. #20
    Join Date
    Feb 2007
    Location
    Los Angeles
    Posts
    359
    Plugin Contributions
    0

    Default Re: css flyout issue

    Quote Originally Posted by garyclemens View Post
    Can anyone help. I have played with the stylesheet_categories_menu.css. Im so close! Anyways, I cant figure out how to get the buttons to size to fill the category box. Using version css flyout 1.3b on 1.3.7 Take a look www.securitybycamera.com. Thank You Gary
    Hi

    i am trying to get the same think for over 2 weeks , i post and read all over that issue with no responed.
    this thread are dead, i think i am giving up on this mod and try somthing else, too bad i realy like it

    good luck to u

 

 
Page 2 of 2 FirstFirst 12

Similar Threads

  1. 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
  2. CSS Flyout Menu - IE Ghosting Issue?
    By SteSpeak in forum All Other Contributions/Addons
    Replies: 6
    Last Post: 4 Dec 2009, 06:42 PM
  3. Flash issue.. css flyout menu hides under flash..
    By Muzz in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 8 Sep 2009, 06:41 AM
  4. CSS Flyout Menu issue - disappearing too soon
    By skymax in forum All Other Contributions/Addons
    Replies: 4
    Last Post: 9 Oct 2007, 04:23 AM
  5. More on css flyout issue
    By g.nencini in forum General Questions
    Replies: 4
    Last Post: 20 Sep 2006, 01:48 PM

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