Footer problem :/

User 38401 Photo


Senior Advisor
10,951 posts

Hiya,

I've got most of the theme set to go, and started working on adding some content to my pages. Far from finished as I'm still waiting on photos for many of the items and have lots to do yet, but I started adding some things to the side bar area and somehow I messed up the alignment of my navigation menu in the footer.

I've gone through the html and I don't see anything there that sticks out, I'm pretty sure it's in the CSS but I can't find it there either lol. If someone could take a look and see if they have any idea what's causing my footer menu to skew to the right I'd be most grateful as I've been staring at the code for over an hour and I just don't see it but I know it's there lol. Thanks in advance guys :)

http://accessoriesoftheworld.com
Pages affected are only the external pages outside the shop which are the Home, Newsletter, About Us and Contact Us pages.
User 427108 Photo


Registered User
292 posts

Hi Jo Ann

Have you tried <div id="footer" align="center"> instead of <div id="footer"> ???
Jimmy The Sailor
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)
User 38401 Photo


Senior Advisor
10,951 posts

yep tried that Jimmy, didn't change anything at all. I think because the center attribute is already in the "footer" element in the CSS.
User 427108 Photo


Registered User
292 posts

Hi again
Try this, in this section of code:
<li><a href="contactus.html">Contact us</a></li>
<br /><br />
</ul>

put that:

<li><a href="contactus.html">Contact us</a></li>
</ul>
<br /><br />


You see, the breaking line after the </ul>

I can not see much more.....
Jimmy The Sailor
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)
User 38401 Photo


Senior Advisor
10,951 posts

hmm not sure where you're seeing that setup as they are all like this as of last night already:

<li><a href="contactus.html">Contact us</a></li>
</ul>
<br />


Are you seeing that on a page somewhere still? If so which one please?

*EDIT* nm I found it, but it didn't fix it :/
User 427108 Photo


Registered User
292 posts

It was at the page contactus.html but now is different, it is as you say.
I swear i made copy paste to show you.... :)
And the problem keeps the same
Jimmy The Sailor
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)
User 38401 Photo


Senior Advisor
10,951 posts

lol no it was there, I found it (edited my post above when I did to say I found it lol), and changed it so it's not there now, but it didn't fix the centering problem
User 427108 Photo


Registered User
292 posts

I'm going to try to replicate your page in my computer and try something else...
Jimmy The Sailor
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)
User 38401 Photo


Senior Advisor
10,951 posts

Thanks Jimmy, I'm baffled on this one because in the preview window of CCHE it looks perfect, but in the IE8 and FF 3.5.4 it's not right it's skewed to the right, so once again an example of the preview internally in CCHE not being right :/
User 427108 Photo


Registered User
292 posts

About Html and Css I'm a curious but I try with a different approach
See attached file and you will see I had inserted two rullers before and after the menu (list) and you will see the center of both rullers are coincident with the text below "Website designed by Jo Ann Rice, Owner & Operator of Accessories of the World. ".
This result say to me there are some list parameter is causing that.
I have made some changes in CSS file to see how it behaves and after everything I'm going to concentrate on list properties and so on.

What I have done:

<div id="footer">
<hr width="100" size="0" />
<ul>

<li><a href="index.html">Home</a></li> <span class="footerline">|</span>
<li><a href="shop/index.php">Shop Home</a></li> <span class="footerline">|</span>
<li><a href="shop/category.php">Categories</a></li> <span class="footerline">|</span>
<li><a href="shop/cart.php">View Cart</a></li> <span class="footerline">|</span>

<li><a href="newsletter.html">Newsletter</a></li> <span class="footerline">|</span>
<li><a href="aboutus.html">About Us</a></li> <span class="footerline">|</span>
<li><a href="contactus.html">Contact us</a></li>
</ul>
<hr width="100" size="0" />
<br />

Attachments:
Jimmy The Sailor
http://www.jimmythesailor.net (trying to show my photos)
http://www.art-i-batik.com (my wife's gallery)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.