Footer Menu Support Thread

[autoace]

Hi,

Need some help getting the styling right with this great mod!

Just looking to get the whole thing centered correctly, I believe its a bit off (to the left).

Here is the css, I have made changes to it (changes marked by comments) - trying to get the styling right!

#footer {
	clear:both;
	margin:5em 0em 0em 0em; /*0*/
	text-align: center; /*added code*/
	}
	
/*
#navSuppWrapper {
	margin: 10px 5px 0;
	padding: 0;
	background:none;
	font-weight: bold;none
	}
*/
	
dl {  /*Adjust the height and width of the menu*/
	/*margin:5px 160px 3px 160px;/*0 0 3px 0*/
	margin:5px auto 3px auto;/*added*/
	padding:0 auto;/*0*/
	clear:both;
	height:125px;/*79px */
	width:75%;/*100%*/
	color: #005599; /*added code*/
	background-color: #d7d7d7;/*added eeeeee*/
	border:0px solid #000;/*added*/
	vertical-align:middle;/*added*/
	}
	
dt {
	margin-bottom:.3em;
	/*font-weight:bold;*/
	}
dd { /*Column width of the menu - currently set for 4 columns*/
	margin:0 25px;/*0*/
	padding:0 auto;/*0*/
	float:left;
	width:18%;/*24.3%*/
	color: #005599; /*added code*/
	}
ul {
	margin:0;
	padding:0;
	list-style: none;
	}
li {
	margin:0;
	padding:0;
	}
li a {
	margin:0;
	padding-left:3.5em;
	display:block;
	/*text-decoration:underline;/*added*/
	}
	
li a:hover {
	color: #005599;
	/*text-decoration:underline;/*added*/
	}
.menuTitle {
	margin:0;
	padding-top:0.5em;/*added*/
	padding-bottom:0.5em; /*.3*/
	padding-left:2.5em;/*added 0.8em*/
	text-align:left;/*center*/
	font-size:1.3em; /*1.2em*/
	font-weight: bold;/*added*/
	color: #000000;/*added ff6600*/
	/*border:1px solid #000;/*added*/
	}
	
.first, .second, .third , .four{
	/*border:1px dotted #000;/*added*/
	vertical-align:middle;/*added*/
	margin-left:2em;/*added*/
	/*border-right:1px dotted #000;*/
	}
	
#siteinfoLegal {
    margin: 0 auto;
	padding: .5em 0 0;
	font-size: 1.2em; /*0.9em*/
	text-align:center;
	width:100%;
	line-height:normal;
	clear:both;
}
#siteinfoLegal a {
	padding: 0 0.5em 1.5em 0.5em;/*0 0.5em 1.5em 0.5em*/
	color: #000059; /*000*/
	text-decoration: underline; /*added code*/
	font-weight:normal; /*bold*/
	white-space: nowrap;
	}
	
#siteinfoLegal a:hover {
	color: #005599; /*000
	background: #EAC27C;*/
	}

Thanks for all help.

[clydejones]

Hi,

Need some help getting the styling right with this great mod!

Just looking to get the whole thing centered correctly, I believe its a bit off (to the left).

Here is the css, I have made changes to it (changes marked by comments) - trying to get the styling right!

#footer {
	clear:both;
	margin:5em 0em 0em 0em; /*0*/
	text-align: center; /*added code*/
	}
	
/*
#navSuppWrapper {
	margin: 10px 5px 0;
	padding: 0;
	background:none;
	font-weight: bold;none
	}
*/
	
dl {  /*Adjust the height and width of the menu*/
	/*margin:5px 160px 3px 160px;/*0 0 3px 0*/
	margin:5px auto 3px auto;/*added*/
	padding:0 auto;/*0*/
	clear:both;
	height:125px;/*79px */
	width:75%;/*100%*/
	color: #005599; /*added code*/
	background-color: #d7d7d7;/*added eeeeee*/
	border:0px solid #000;/*added*/
	vertical-align:middle;/*added*/
	}
	
dt {
	margin-bottom:.3em;
	/*font-weight:bold;*/
	}
dd { /*Column width of the menu - currently set for 4 columns*/
	margin:0 25px;/*0*/
	padding:0 auto;/*0*/
	float:left;
	width:18%;/*24.3%*/
	color: #005599; /*added code*/
	}
ul {
	margin:0;
	padding:0;
	list-style: none;
	}
li {
	margin:0;
	padding:0;
	}
li a {
	margin:0;
	padding-left:3.5em;
	display:block;
	/*text-decoration:underline;/*added*/
	}
	
li a:hover {
	color: #005599;
	/*text-decoration:underline;/*added*/
	}
.menuTitle {
	margin:0;
	padding-top:0.5em;/*added*/
	padding-bottom:0.5em; /*.3*/
	padding-left:2.5em;/*added 0.8em*/
	text-align:left;/*center*/
	font-size:1.3em; /*1.2em*/
	font-weight: bold;/*added*/
	color: #000000;/*added ff6600*/
	/*border:1px solid #000;/*added*/
	}
	
.first, .second, .third , .four{
	/*border:1px dotted #000;/*added*/
	vertical-align:middle;/*added*/
	margin-left:2em;/*added*/
	/*border-right:1px dotted #000;*/
	}
	
#siteinfoLegal {
    margin: 0 auto;
	padding: .5em 0 0;
	font-size: 1.2em; /*0.9em*/
	text-align:center;
	width:100%;
	line-height:normal;
	clear:both;
}
#siteinfoLegal a {
	padding: 0 0.5em 1.5em 0.5em;/*0 0.5em 1.5em 0.5em*/
	color: #000059; /*000*/
	text-decoration: underline; /*added code*/
	font-weight:normal; /*bold*/
	white-space: nowrap;
	}
	
#siteinfoLegal a:hover {
	color: #005599; /*000
	background: #EAC27C;*/
	}

Thanks for all help.

Link to your site?

[autoace]

Link to your site?

Clyde,

Sorry, forgot this one important piece of info!

Here you go, http://www.a u t o m o t i v e a c e.com

I have to replace my ssl, so you may get a warning about that - working on it!

Thanks for your help

[clydejones]

Clyde,

Sorry, forgot this one important piece of info!

Here you go, http://www.a u t o m o t i v e a c e.com

I have to replace my ssl, so you may get a warning about that - working on it!

Thanks for your help

seems your site is down.

[luxurylives]

A adding the footer menu (which looks awesome) it aligned my sidebox text to the center. I've removed the files 4 now & my sidebox content is no longer centered. Thus we know the source of the issue.

Has anyone ever resolved this?

[clydejones]

A adding the footer menu (which looks awesome) it aligned my sidebox text to the center. I've removed the files 4 now & my sidebox content is no longer centered. Thus we know the source of the issue.

Has anyone ever resolved this?

link to your site.

[Baa]

Thank you for the mod, I'm looking forward to using it, however the links display in one long line (www.moon stag.co.uk).

I saw a previous post which says the stylesheets were corrupted and to upload again. I've done that but still getting the same, is there anything I can do please?

[countrycharm]

Hi clydejones awesome menu. I have a couple problems. If you go to my site you will see that my about us link is not right. I am using a drop down menu by jadefish and not the side box. I also want to just make it a 3 menu instead of a 4. I really don't have any important links to display so I want to remove that and get everything line up in the middle of my page. Here is a link to my site and thank you. If I did use the important links I would like to put my contest that I run over there along with my faqs.

[clydejones]

Hi clydejones awesome menu. I have a couple problems. If you go to my site you will see that my about us link is not right. I am using a drop down menu by jadefish and not the side box. I also want to just make it a 3 menu instead of a 4. I really don't have any important links to display so I want to remove that and get everything line up in the middle of my page. Here is a link to my site and thank you. If I did use the important links I would like to put my contest that I run over there along with my faqs.

For the first question - it appears that you either don't have the "about us" contribution installed or if you do, You are missing one of the language files.

The second - a bit more complicated and requires editing the files in the mod to remove the fourth column information.

I think someone may have done something similar and posted a solution somewhere in this thread.