Affilistore - help on design

[babrees]

I'm stumped!

I'm working on a new website and installed affilistore on it at Chocolate Lovers' Club
The skin is an EXACT copy of the one I have at Wine Shop

It works great EXCEPT that on the home page text in the left (navigation) and right columns and the footer is all displaying in a larger font size. If you go into the site then it shows fine. It does not do this on the wine site, which is a duplicate!

If have looked and looked at my code but I cannot see anything wrong on the home page!

Oh, and it validates ok too.

[kylah16]

It looks fine to me in Safari and Internet Explorer 7 - exactly the same as your wine shop website.

[petetizz]

I do see the larger text in the nav when using Firefox.

If you inspect the left nav unordered list using the Firebug plugin the browser is seeing a surrounding the menu list. This is what is causing the problem.

However when viewing the page's source the font element is not present around the unordered list, Firefox is adding it in (incorrectly parsing the dom). The problem seems to be the self closing <font size="4"/> element in the previous paragraph which is in the main column here

"...some of which are exclusive to members of the Wine Lover's Club.<u><font size="4" /></u>"

If you remove the "<u><font size="4" /></u>" it should correct the page.

p.s. although the page validates the font element is deprecated and should be avoided if possible.

cheers

Pete

[babrees]

Thanks Pete! I missed that one! Although it is not in my templates (I certainly wouldn't put in something like that! ) and is something that Affilistore put in. Can't see how to get rid of it so shall ask over in the affi forum.

Originally Posted by petetizz However when viewing the page's source the font element is not present around the unordered list, Firefox is adding it in (incorrectly parsing the dom). The problem seems to be the self closing <font size="4"/> element in the previous paragraph which is in the main column here "...some of which are exclusive to members of the Wine Lover's Club.<u><font size="4" /></u>" If you remove the "<u><font size="4" /></u>" it should correct the page. p.s. although the page validates the font element is deprecated and should be avoided if possible.

[babrees]

OK GOT IT DONE IT WORKS BEAUTIFULLY!

Thank you! I found I could indeed edit the source code and it had put an extra change to the font around no text - removed that and it works!

HEY - just seen that was your first post in this forum - nice way to start Pete, keep it up!!!

[kungfumobiles]

Originally Posted by babrees Thanks Pete! I missed that one! Although it is not in my templates (I certainly wouldn't put in something like that! ) and is something that Affilistore put in. Can't see how to get rid of it so shall ask over in the affi forum.

Just a quick reply to say that AffiliStore does not use font tags, just CSS to style text, so it may have been a text editor which has added the tag.

[babrees]

YES! Sorry - that's what I meant that it was the text editor

Originally Posted by kungfumobiles Just a quick reply to say that AffiliStore does not use font tags, just CSS to style text, so it may have been a text editor which has added the tag.

[petetizz]

@babree
Yes I have been a bit of a lurker so far. Reading and learning stuff. However HTML/CSS etc is what I have been dong for years so thought I would jump in and offer some help.
Glad it worked.