.css Problems with menu on footer!

cjeasom

cjeasom

cjeasom

Associate
Joined
29 Oct 2002
Posts
307
Location
Land Of Pork Pies!
I have recently had a new site made for our company on www.hilltrident.co.uk. It has been developed by our design company with a bespoke CMS package.

I have recently included a new menu in the footer which you can see on the home page default.aspx

I have also included it in the master template so that it follows through the whole site.

When I go into a specific product (http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=9) the menu system in the footer is absolutely appauling as you can see.

I have no idea how to alter this, I have looked at the .css sheets however I dont know how on the homepage it is centered and looks good however it doesnt roll over to the other pages.

Does anybody have any idea how to do this!? Any help would be greatly appreciated.
 
From looking at the CSS of your homepage, it looks like you need to wrap the footer menu on your products page in a DIV with the id 'nav'.

Then the css rules from the homepage will be applied.

*edit*
And what tsinc says too > :D
 
Last edited:
It looks like you might need to include the CSS file itself aswell :p

<link href="menu.css" type="text/css" rel="stylesheet">

That is missing from the 2nd page header.
 
cheers

Cheers guys,

The coding around the footer is as follows;

--------------------------------------------------------

<!-- body end -->
<!-- footer start -->
<div>
<div id="footer_content_container">
<ul class="home">
<p>Home Page</p>
<li><a href="/">Home</a></li>
</ul>

<ul>
<p>Fencing Systems</p>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=4">Bespoke Gates & Fencing</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=14">Electric Fencing</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=10">Palisade Security Fencing</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=32">Tennis Court Fencing systems</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=29">Trident Pro Guard Mesh</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=12">Trident Protector Single Wire</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=11">Triforge Railings</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=24">Trimesh 358</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=2">Trimesh 868</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=3">Tripark Bow Top</a></li>
</ul>
<ul>
<p>Gate Systems</p>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=22">Automation Systems</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=8">Cantilever Sliding Gates</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=6">Double Leaf Swing Gates</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=31">Gates For Immediate Dispatch</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=27">Single Leaf Gates</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=7">Tracked Sliding Gates</a></li>
</ul>
<ul>
<p>Additional Security</p>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=30">Access Turnstyles</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=13">Armco Barrier</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=15">HT Fence Vibration Detection</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=9">Lift Arm Barriers</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=16">Razor Wire</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=21">Rising HT Bull Bollard</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=28">Roller Shutter Doors</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=17">Trident Cacti Spike</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=18">Trident Wall Spike</a></li>
</ul>
<ul class="gates">
<p>Company Information</p>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=23">Nationwide Installation Teams</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=19">Terms & Conditions</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=20">Testimonials</a></li>
<li><a href="http://www.hilltrident.co.uk/CMSProduct.aspx?Product_Id=1">Where to Find Us</a></li>
</ul>
</div>
<div id="footer_part1">
&rsaquo; North: 0161 930 8165<br />
&rsaquo; West Mids: 024 765 78620<br />
&rsaquo; South: 020 8242 9117
</div>
<div id="footer_part2">
&rsaquo; +44 (0)1664 562219<br />
&rsaquo; +44 (0)1664 410258<br />
&rsaquo; <a href="mailto:[email protected]" class="part2_link">[email protected]</a>
</div>
<div id="footer_part3">
Copyright &copy; 2008 Hill Trident<br />
<a id="lnkFDefault" runat="server" href="Default.aspx" class="part3_link">home</a>&nbsp;|&nbsp;
<a id="lnkFFencingSystemt" runat="server" href="ProductList.aspx?Category_Id=1" class="part3_link">fencing systems</a>&nbsp;|&nbsp;
<a id="lnkFGateSystemt" runat="server" href="ProductList.aspx?Category_Id=2" class="part3_link">gate systems</a>&nbsp;|&nbsp;
<a id="lnkFAdditionalSecurityProduct" runat="server" href="ProductList.aspx?Category_Id=3" class="part3_link">additional security products</a>&nbsp;|&nbsp;
<a href="UserLogIn.aspx" class="part3_link">downloads</a> | <a id="lnkFContactUs" runat="server" href="CompanyList.aspx" class="part3_link">company</a>&nbsp;|&nbsp;
<a id="lnkFSiteMap" runat="server" href="sitemap.aspx" class="part3_link">sitemap</a>
</div>
<br clear="all" />
</div>
<div id="bg_foot">
<img src="images/cornet_foot_left.gif" alt="Hill Trident" align="left" />
<img src="images/cornet_foot_right.gif" alt="Hill Trident" align="right" />
</div>
<div id="footer_logos_container" style="float:left;">
<div "float:left;">
<img src="images/streamline.gif" border="0" width="309" height="59" alt="Hill Trident" align="left" />
</div>
<div style="float:left;width:520px;">
<a href="#" target="_blank"><img src="images/logo2.gif" alt="Hill Trident" width="300" height="61" border="0" align="right" /></a>
</div>
<div style="float:left;">
<a href="#" target="_blank"><img src="images/logo1.gif" alt="Hill Trident" width="66" height="61" border="0" /></a>
</div>
<br clear="all" />
</div>
</div>
<!-- footer end -->
</div>
</form>

<script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>

</body>
</html>

--------------------------------------------------------

How would I implement the code to make it work!?
 
Once you've added the menu stylesheet in, you just need to add the bits in bold...

Code: 
<!-- body end -->
<!-- footer start -->
<div>
<div id="footer_content_container">
[b]<div id="nav">[/b]
<ul class="home">
<p>Home Page</p>
<li><a href="/">Home</a></li>
</ul>

...

[b]</div>[/b]
</div>
 
Spunkey said:
Once you've added the menu stylesheet in, you just need to add the bits in bold...

Code: 
<!-- body end -->
<!-- footer start -->
<div>
<div id="footer_content_container">
[b]<div id="nav">[/b]
<ul class="home">
<p>Home Page</p>
<li><a href="/">Home</a></li>
</ul>

...

[b]</div>[/b]
</div>
Click to expand...

Many thanks for this you are a legend!
 
You must log in or register to reply here.
Back
Top Bottom