Footer Menu Support Thread

[clydejones]

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

Did you upload the stylesheet_footer_menu.css

[hardwiredtemplates]

Did you upload the stylesheet_footer_menu.css

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

[hardwiredtemplates]

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

[clydejones]

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

[hardwiredtemplates]

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

[clydejones]

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

[haredo]

@Clyde
I don't see this little jewel of a mod in the downloads yet???