View Single Post
  #9  
Old 09-07-2010, 02:59 AM
 
gatordp gatordp is offline
 

Advanced Member
  
Join Date: Aug 2009
Posts: 72
 

Default Re: Fancy_Cat menu flying out under central block

Quote:
Originally Posted by cflsystems
It may be the overflow property of the parent containers
url would help to be more specific

Here is my main.css for the Fancy Category module - I still can't get the Category to display on top of the central block. I set all the overflow properties to 'visible'


Code:
/* $Id: main.css,v 1.7 2008/12/02 13:14:12 max Exp $ vim: set ts=2 sw=2 sts=2 et: */ /* Layout */ .menu-fancy-categories-list .content { overflow: visible; padding-top: 5px; padding-left: 5px; padding-right: 6px; z-index: 1; } .fancycat-icons-scheme ul { list-style-type: none; padding: 0px; margin: 0px; list-style: none; width: 137px; } .fancycat-icons-scheme ul li { float: left; position: relative; width: 100%; padding: 2px 0px; background: white none; } .fancycat-icons-scheme li ul { display: none; position: absolute; top: 4px; left: 126px; background: white none; border: 1px solid #b1c6d7; margin: 0px; padding: 5px 6px 5px 5px; } .fancycat-icons-scheme li:hover, .fancycat-icons-scheme li.over { background-color: #e4e7ed; } .fancycat-icons-scheme li:hover ul, .fancycat-icons-scheme li.over ul { display: block; overflow: visible; z-index: 1; } /* multi-level support */ .fancycat-icons-scheme li:hover ul ul, .fancycat-icons-scheme li.over ul ul, .fancycat-icons-scheme li:hover ul ul ul, .fancycat-icons-scheme li.over ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul ul ul ul { display: none; } .fancycat-icons-scheme li li:hover ul, .fancycat-icons-scheme li li.over ul, .fancycat-icons-scheme li li li:hover ul, .fancycat-icons-scheme li li li.over ul, .fancycat-icons-scheme li li li li:hover ul, .fancycat-icons-scheme li li li li.over ul, .fancycat-icons-scheme li li li li li:hover ul, .fancycat-icons-scheme li li li li li.over ul, .fancycat-icons-scheme li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li.over ul, .fancycat-icons-scheme li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li.over ul, .fancycat-icons-scheme li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li.over ul, .fancycat-icons-scheme li li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li li.over ul, .fancycat-icons-scheme li li li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li li li.over ul, .fancycat-icons-scheme li li li li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li li li li.over ul { display: block; overflow: visible; z-index: 1; } /* Visual scheme */ .fancycat-icons-scheme ul li a:link, .fancycat-icons-scheme ul li a:visited, .fancycat-icons-scheme ul li a:hover, .fancycat-icons-scheme ul li a:active { display: block; position: relative; font-size: 12px; color: #330000; text-decoration: none; line-height: 16px; vertical-align: middle; background: transparent none; padding: 0px 25px 0px 0px; overflow: visible; } .fancycat-icons-scheme a.icon-link:link, .fancycat-icons-scheme a.icon-link:visited, .fancycat-icons-scheme a.icon-link:hover, .fancycat-icons-scheme a.icon-link:active { padding-left: 26px; } .fancycat-icons-scheme a.sub-link:link, .fancycat-icons-scheme a.sub-link:visited, .fancycat-icons-scheme a.sub-link:hover, .fancycat-icons-scheme a.sub-link:active { background: transparent url(tree_subdir_plus.gif) no-repeat 97% 4px; } .fancycat-icons-scheme a.empty-link:link, .fancycat-icons-scheme a.empty-link:visited, .fancycat-icons-scheme a.empty-link:hover, .fancycat-icons-scheme a.empty-link:active { color: #a3b1c7; } .fancycat-icons-scheme a.nowrap-link:link, .fancycat-icons-scheme a.nowrap-link:visited, .fancycat-icons-scheme a.nowrap-link:hover, .fancycat-icons-scheme a.nowrap-link:active { white-space: nowrap; } .fancycat-icons-scheme img { width: 16px; height: 16px; position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; }
__________________
X-Cart Gold 4.5.4
Reply With Quote