Help Clyde, Just added your footer menu mod and my navigation top is falling apart. few it here www.fashionfavourites.com. Sorry I got an emergency and i must leave so i removed the files, but i'll add them back later so you can see the problem
Last edited by hardwiredtemplates; 30 May 2009 at 01:18 AM.
Ok files are back on there, I started adding them 1 by 1 to narrow the problem to a specific file. Turns out that as soon as I upload this file stylesheet_footer_menu.css the navCattabs menu breaks. I've attached an image of the effects when this file is uploaded. Any ideas.
Thankx
I removed it for now because once it's added it effects the navCattabs as shown in the attachment. That's the only file missing. I'll add it right now. www.fashionfavourites.com
Ok i managed to narrow the problem down to the highlighted line in this code
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
/*li a {margin:0;padding-left:2em;display:block;}*/
li a:hover {background:#FFBD3B;}
Once this line is commented out, my navCatTabs is normal, however you can see the spacing in the footer menu is eliminated and everything seems squeezed in the footer(no padding). Any ideas where I can start this, do I just need to re-write this line and if this is the fix how can I re-write it so it does not effect navCatTabs.
Many thanks
three things should help
Open includes/templates/YOUR_TEMPLATE/css/stylesheet.css
find and comment out this entire section
/*#navSuppWrapper {
margin: 0 auto;
background: transparent;
font-weight: bold;
color: #000;
height: 26px;
width: 1000px;
}
#navSupp ul {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}
#navSupp ul li {
display: inline;
white-space: nowrap;
}
#navSupp ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #000;
}
#navSupp ul li a:hover {
color: #000;
}*/
Find and add the highlighted portion
#navCatTabs ul li a {
display: inline;
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #000;
}
open stylesheet_footer_menu.css
find and uncomment the following
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
/*li a {margin:0;padding-left:2em;display:block;}*/
li a:hover {background:#FFBD3B;}
Thanks Clyde the above changes work. I tried putting the footer in a top and bottom boarder, however the IMPORTANT LINKS section is longer then the rest and the bottom boarder does not contain it. What can I do to contain it in the boarder. Also once the site is veiwed in IE6 the IMPORTANT LINKS section is double spaced making it twice as long (although it is contained within the top and bottom boarder).
I think the second issue might be related to the first issue(but only you experts would know that)
www.fashionfavourites.com
Simple solution: remove the duplicated links from the IMPORTANT LINKS section (ie Gift certificate faq and discount coupons)
open includes/templates/YOUR_TEMPLATE/css stylesheet_footer_menu.css
find the following section and add the highlighted portion
li a {margin:0;padding-left:2em;display:block;line-height:normal;}
@Clyde
I don't see this little jewel of a mod in the downloads yet???
Mark
Hare Do
Bookmarks