language pack font different in both languages.

[Pepperfire]

Okay, I can't for the life of me figure out what the difference is or even why they are different.

I am working with a clean install of ver. 1.3.9h with the French language pack installed over top.

Everything is working great, the pages are in the right places, etc. Except that the French site doesn't look at all like the English site:

What have I done wrong and if nothing, what do I need to fix? I've posted a screen shop here: http://peppermaster.com/images/landing-page.png

Since they are both using the same stylesheet it doesn't make any sense to me that they look so different.

[nigelt74]

1) we need a link to the actual site so we can actually look at the css that is acting on the pages
2) Try installing firebug in Firefox and use that to checkand compare the CSS acting on the various parts of the page

When i look at your normal site (the one in the root of your link)

I see a few differences in the actual page, in the frog version you are using paragraphs <p>, but in the Pom version you use breaks <br> to divide you paragraphs

If you look in your CSS you will see that paragraphs have sprcific fonts, sizes etc applied to them, so that may explain part of the problem

[Pepperfire]

1) we need a link to the actual site so we can actually look at the css that is acting on the pages
2) Try installing firebug in Firefox and use that to checkand compare the CSS acting on the various parts of the page

When i look at your normal site (the one in the root of your link)

I see a few differences in the actual page, in the frog version you are using paragraphs <p>, but in the Pom version you use breaks <br> to divide you paragraphs

If you look in your CSS you will see that paragraphs have sprcific fonts, sizes etc applied to them, so that may explain part of the problem

The site is being created remotely, hence the screen shot.

I will check the inline code and will let you know if that doesn't solve the problem.

This is the code from the current CSS:

/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2012 Brooks Pepperfire Foods
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet.css 01 2012-01-05 16:14 Tina Brooks $
*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #AD740A;
background-color: #FDF5EB;
background-attachment: fixed;
background-image: url(../images/leather.jpg);
background-repeat: no-repeat;
background-position: top left;
}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
color: #3300FF;
text-decoration: none;
}

a:visited, #navEZPagesTOC ul li a {
color: #3300FF;
text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF0000;
}

a:active {
color: #3300FF;
}

h1 {
font-size: 1.5em;
color: #AD740A;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.1em;
}

.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 0;
}

/* Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
position: relative;
}
*html .centerColumn {
height: 1%;
}
*/

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

TEXTAREA {
margin: auto;
display: block;
width: 95%;
}

input:focus, select:focus, textarea:focus {
background: #FDF5EB;
}

FIELDSET {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #AD740A;
}

LEGEND {
font-weight: bold;
padding: 0.3em;
color: black;
}

LABEL, h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

LABEL.inputLabel {
width: 9em;
float: left;
}

LABEL.inputLabelPayment {
width: 14em;
float: left;
padding-left: 2.5em;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width: 11em;
float: left;
}

#checkoutPayment LABEL.radioButtonLabel {
font-weight: bold;
}

P, ADDRESS {
padding: 0.5em;
}

ADDRESS {
font-style: normal;
}

.clearBoth {
clear: both;
}

HR {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #AD740A;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #AD740A;
}

.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #FDF5EB;
}

.messageStackSuccess {
background-color: #FDF5EB;
color: #AD740A;
}

.messageStackCaution {
background-color: #FDF5EB;
color: #AD740A;
}

/*wrappers - page or section containers*/
#mainWrapper {
background-color: #FDF5EB;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #AD740A;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;

}

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #FDF5EB;
height:310px;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}
#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-right: 0.5em;
}

#tagline {
color:#AD740A;
font-size: 2em;
text-align : center;
vertical-align: middle;
}

#sendSpendWrapper {
border: 1px solid #AD740A;
float: right;
margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #FDF5EB;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #FDF5EB;
height: 1%;
}

#navCatTabsWrapper {
background-color: #FDF5EB;
color: #AD740A;
background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #FDF5EB;
white-space: nowrap;
}

#navCatTabs ul li a {
color: #AD740A;
}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #AD740A;
}

#navEZPagesTOC ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
line-height: 1.5em;
}

#navEZPagesTOC ul li {
white-space: nowrap;
}

#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

#navMainSearch {
float: right;
}

#navBreadCrumb {
padding: 0.5em 0.5em;
background-color: #FDF5EB;
font-size: 0.95em;
font-weight: bold;
margin: 0em;
}

#navEZPagesTop {
background-color: #FDF5EB;
background-image: url(../images/tile_back.gif);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

#navColumnOne, #navColumnTwo {
background-color: transparent;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}

.alert {
color: #FF0000;
margin-left: 0.5em;
}
.advisory {}
.important {
font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
float: right;
}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}

/*Shopping Cart Display*/
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #56301C;
padding: 1em;
}

.tableHeading TH {
border-bottom: 1px solid #AD740A;
}

.tableHeading, #cartSubTotal {
background-color: #FDF5EB;
}

#cartSubTotal {
border-top: 1px solid #AD740A;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}

.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}

#scUpdateQuantity {
width: 2em;
}

.cartQuantity {
width: 4.7em;
}

.cartNewItem {
color: #53601C;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
text-align: right;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 1em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
background-color: #FDF5EB;
border: 1px solid #53601C;
}
.mediaTitle {
float: left;
}
.mediaTypeLink {
float: right;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #ff0000;
}

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
list-style-type: none;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {
width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

.categoryIcon {}

#cartImage {
margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxWrapper {
border: 1px solid #AD740A;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.3em;
color: #FDF5EB;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #FDF5EB;
}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #FDF5EB;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #FDF5EB;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #AD740A;
border-bottom: 5px solid #AD740A;
margin-top: 1.5em;
}

.sideBoxContent {
background-color: #FDF5EB;
padding: 0.4em;
}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
color: #Ea9b33;
text-decoration: none;
}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
color: #FDF5EB;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
background-color: #FDF5EB;
}

#upProductsHeading {
text-align: left;
}

#upDateHeading {
text-align: right;
}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
color: #3300FF;
text-decoration: none;
}
A.category-links, A.category-links:visited {
color: #3300FF;
text-decoration: none;
}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color: #33OOFF;
text-decoration: none;
}
a.category-top:hover {
color: #FF0000;
text-decoration: none;
}
a.category-links:hover {
color: #FF0000;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
/* end categories box links */

/*misc*/
.back {
float: left;
}

.forward, #shoppingCartDefault #PPECbutton {
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd {
background-color: #FDF5EB;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #FDF5EB;
height: 1.5em;
vertical-align: top;
}

.hiddenField {
display: none;
}
.visibleField {
display: inline;
}

CAPTION {
/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #AD740A;
height: 2em;
}

.productListing-rowheading {
background-color: #FDF5EB;
background-image: url(../images/tile_back.gif);
height: 2em;
color: #FDF5EB;
}

#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #FDF5EB;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
clear: both;
}

.seDisplayedAddressLabel {
background-color:#FDF5EB;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}
-------------------------

I'm unsure why you'd look at the current live site, as once I'm done, the only thing that will be in common with the live site (created by someone else, btw), will be the db.

Anyway, I appreciate the input.

[nigelt74]

I think you are missing the point, the CSS file alone, is useless for this type of problem because as it is shared by both the english and french versions, then the bit causing the sizing issue must be something else, in either the french or english language pack (most likely french pack as it was added ) or the define pages

Thats the reason i checked on your existing site is to see if the define pages had differences, as most people copy their define pages to their new site, and your define pages do have differences one using <p> one using <br>. but that should only effect the sizes of the content area, not the menus

Have a look at this thread here
http://www.zen-cart.com/forum/showthread.php?t=190757
Someone else had a similar problem yesterday check the source of your english page and the source of your french page,

I don't know if French requires UTF-8 or anything like that, but see DrBytes comment about the BOM in the aforementioned thread and see if that applies

it is extremely difficult to fix a coding problem from a picture, kind of like fixing a car problem from a picture, you can guess, but you need to actually see the bits working (or not as the case may be).

[Pepperfire]

I appreciate the feedback, eveni if I am missing the point.

Perhaps you might take a second to explain WHERE if anywhere or what "code" in the files, wherever, one would find whatever code it is that changes the sizes of what is in the French file vs what is in the English file.

In my ignorance, I was under the impression that ALL of that visual was designated in the CSS.

It's one of the hazards of being new to this, I guess.

Now please stop looking at the live site is has no bearing on what I'm doing. I didn't put it there, I didn't do any of the work on the files and I have NOT copied any of the files from it. This is a clean install and I am working on it remotely in order to REPLACE what is online. Part of THAT is learning where everything goes and how it gets fixed.

Here are the source pages for each. I can't for the life of me imagine what would cause the visual differences but they both seem the same to me.

Source French:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Test Francais, ecommerce, open source, shop, online shopping, " />
<meta name="description" content=" : - Test Francais, ecommerce, open source, shop, online shopping" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart&trade; Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />

<base href="http://127.0.0.1:8888/" />
<link rel="canonical" href="http://127.0.0.1:8888/" />

<link rel="stylesheet" type="text/css" media="print" href="includes/templates/magic/css/print_stylesheet.css" />

<link rel="stylesheet" type="text/css" href="min/?f=/includes/templates/magic/css/stylesheet.css,/includes/templates/magic/css/stylesheet_css_buttons.css,/includes/templates/magic/css/french_stylesheet.css&amp;1326063373" />
</head>
<body id="indexHomeBody">

<div id="mainWrapper">



<!--bof-header logo and navigation display-->

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><a href="http://127.0.0.1:8888/">Accueil</a></li>

<li><a href="http://127.0.0.1:8888/index.php?main_page=login">Se connecter</a></li>

</ul>
</div>
<div id="navMainSearch"></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://127.0.0.1:8888/"><img src="includes/templates/template_default/images/HEADER_LOGO_IMAGE" alt="" /></a></div>
<div id="taglineWrapper">

<div id="tagline"><br /><br /><br /><br /></div>
</div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<div id="navCatTabsWrapper">
<div id="navCatTabs">
<ul>
<li><a class="category-top" href="http://127.0.0.1:8888/test-francais">Test Francais</a> </li>

</ul>
</div>
</div>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<!--eof-header ezpage links-->
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>

<td id="navColumnOne" class="columnLeft" style="width: 150px">
<div id="navColumnOneWrapper" style="width: 150px"><!--// bof: languages //-->
<div class="leftBoxContainer" id="languages" style="width: 150px">

<h3 class="leftBoxHeading" id="languagesHeading">Langues</h3>
<div id="languagesContent" class="sideBoxContent centeredContent"><a href="http://127.0.0.1:8888/?language=fr"><img src="includes/languages/french/images/icon.gif" alt="Français" title=" Français " width="24" height="16" /></a>&nbsp;&nbsp;<a href="http://127.0.0.1:8888/?language=en"><img src="includes/languages/english/images/icon.gif" alt="English" title=" English " width="24" height="12" /></a>&nbsp;&nbsp;</div></div>
<!--// eof: languages //-->

<!--// bof: categories //-->
<div class="leftBoxContainer" id="categories" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriesHeading">Notre Catalogue</h3>
<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="http://127.0.0.1:8888/test-francais">Test Francais</a>&nbsp;(1)<br />
<hr id="catBoxDivider" />
<a class="category-links" href="http://127.0.0.1:8888/index.php?main_page=products_all">Tous les Produits...</a>
</div></div>

<!--// eof: categories //-->

<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 150px">
<h3 class="leftBoxHeading" id="informationHeading">Informations</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://127.0.0.1:8888/index.php?main_page=shippinginfo">Livraisons-Retours</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=privacy">S&eacute;curit&eacute; et Confidentialit&eacute;</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=conditions">Conditions G&eacute;n&eacute;rales de Vente</a></li>

<li><a href="http://127.0.0.1:8888/index.php?main_page=contact_us">Nous Contacter</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=site_map">Plan du site</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=gv_faq">FAQ Ch&egrave;ques Cadeaux</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=discount_coupon">Coupons rabais</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=unsubscribe">D&eacute;sabonnement Lettre d'information</a></li>
</ul>
</div></div>
<!--// eof: information //-->

<!--// bof: moreinformation //-->

<div class="leftBoxContainer" id="moreinformation" style="width: 150px">
<h3 class="leftBoxHeading" id="moreinformationHeading">En Savoir Plus</h3>
<div id="moreinformationContent" class="sideBoxContent">

<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://127.0.0.1:8888/index.php?main_page=page_2">Page 2</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=page_3">Page 3</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=page_4">Page 4</a></li>
</ul>
</div></div>
<!--// eof: moreinformation //-->

</div></td>

<td valign="top">
<!-- bof breadcrumb -->
<!-- eof breadcrumb -->


<!-- bof upload alerts -->
<!-- eof upload alerts -->

<div class="centerColumn" id="indexCategories">
<h1 id="indexCategoriesHeading"></h1>

<h2 class="greeting">Vous naviguez comme <span class="greetUser">visiteur !</span> Voulez-vous <a href="http://127.0.0.1:8888/index.php?main_page=login">Vous Connecter</a> ?</h2>

<!-- deprecated - to use - uncomment
-->

<!-- deprecated - to use - uncomment
-->

<div id="indexCategoriesMainContent" class="content">Test test test
</div>



<!-- BOF: Display grid of available sub-categories, if any -->

<div class="categoryListBoxContents" style="width:100%;"><a href="http://127.0.0.1:8888/test-francais"><img src="images/pixel_trans.gif" alt="Test Francais" title=" Test Francais " width="1" height="1" /><br />Test Francais</a></div>
<br class="clearBoth" />


<!-- EOF: Display grid of available sub-categories -->




<!-- bof: whats_new -->
<div class="centerBoxWrapper" id="whatsNew">
<h2 class="centerBoxHeading">Nouveaut&eacute;s en January</h2>
<div class="centerBoxContentsNew centeredContent back" style="width:100%;"><a href="http://127.0.0.1:8888/test-english/test-product-1"><img src="images/no_picture.gif" alt="test produit 1" title=" test produit 1 " width="100" height="80" /></a><br /><a href="http://127.0.0.1:8888/test-english/test-product-1">test produit 1</a><br />$10.00</div>
<br class="clearBoth" />

</div>

<!-- eof: whats_new -->



<!-- bof: featured products -->
<!-- eof: featured products -->






<!-- bof: specials -->
<!-- eof: specials -->





</div>

</td>

</tr>
</table>



<!--bof-navigation display -->
<div id="navSuppWrapper">
<div id="navSupp">
<ul>

<li><a href="http://127.0.0.1:8888/">Accueil</a></li>
<li></li>
</ul>
</div>
</div>
<!--eof-navigation display -->

<!--bof-ip address display -->
<!--eof-ip address display -->

<!--bof-banner #5 display -->
<!--eof-banner #5 display -->

<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright">Copyright &copy; 2012 <a href="http://www.zen-cart.com" target="_blank">Peppermaster Shop</a>. Alimenté par <a href="http://www.pepperfire.ca" target="_blank">Pepperfire</a></div>

<!--eof- site copyright display -->


</div>
<!--bof- parse time display -->
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<!--eof- banner #6 display -->
</body></html>

=============

Source English:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Test Francais, ecommerce, open source, shop, online shopping, " />
<meta name="description" content=" : - Test Francais, ecommerce, open source, shop, online shopping" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart&trade; Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />

<base href="http://127.0.0.1:8888/" />
<link rel="canonical" href="http://127.0.0.1:8888/" />

<link rel="stylesheet" type="text/css" media="print" href="includes/templates/magic/css/print_stylesheet.css" />

<link rel="stylesheet" type="text/css" href="min/?f=/includes/templates/magic/css/stylesheet.css,/includes/templates/magic/css/stylesheet_css_buttons.css,/includes/templates/magic/css/french_stylesheet.css&amp;1326063373" />
</head>
<body id="indexHomeBody">

<div id="mainWrapper">



<!--bof-header logo and navigation display-->

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><a href="http://127.0.0.1:8888/">Accueil</a></li>

<li><a href="http://127.0.0.1:8888/index.php?main_page=login">Se connecter</a></li>

</ul>
</div>
<div id="navMainSearch"></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://127.0.0.1:8888/"><img src="includes/templates/template_default/images/HEADER_LOGO_IMAGE" alt="" /></a></div>
<div id="taglineWrapper">

<div id="tagline"><br /><br /><br /><br /></div>
</div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<div id="navCatTabsWrapper">
<div id="navCatTabs">
<ul>
<li><a class="category-top" href="http://127.0.0.1:8888/test-francais">Test Francais</a> </li>

</ul>
</div>
</div>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<!--eof-header ezpage links-->
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>

<td id="navColumnOne" class="columnLeft" style="width: 150px">
<div id="navColumnOneWrapper" style="width: 150px"><!--// bof: languages //-->
<div class="leftBoxContainer" id="languages" style="width: 150px">

<h3 class="leftBoxHeading" id="languagesHeading">Langues</h3>
<div id="languagesContent" class="sideBoxContent centeredContent"><a href="http://127.0.0.1:8888/?language=fr"><img src="includes/languages/french/images/icon.gif" alt="Français" title=" Français " width="24" height="16" /></a>&nbsp;&nbsp;<a href="http://127.0.0.1:8888/?language=en"><img src="includes/languages/english/images/icon.gif" alt="English" title=" English " width="24" height="12" /></a>&nbsp;&nbsp;</div></div>
<!--// eof: languages //-->

<!--// bof: categories //-->
<div class="leftBoxContainer" id="categories" style="width: 150px">
<h3 class="leftBoxHeading" id="categoriesHeading">Notre Catalogue</h3>
<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="http://127.0.0.1:8888/test-francais">Test Francais</a>&nbsp;(1)<br />
<hr id="catBoxDivider" />
<a class="category-links" href="http://127.0.0.1:8888/index.php?main_page=products_all">Tous les Produits...</a>
</div></div>

<!--// eof: categories //-->

<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 150px">
<h3 class="leftBoxHeading" id="informationHeading">Informations</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://127.0.0.1:8888/index.php?main_page=shippinginfo">Livraisons-Retours</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=privacy">S&eacute;curit&eacute; et Confidentialit&eacute;</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=conditions">Conditions G&eacute;n&eacute;rales de Vente</a></li>

<li><a href="http://127.0.0.1:8888/index.php?main_page=contact_us">Nous Contacter</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=site_map">Plan du site</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=gv_faq">FAQ Ch&egrave;ques Cadeaux</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=discount_coupon">Coupons rabais</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=unsubscribe">D&eacute;sabonnement Lettre d'information</a></li>
</ul>
</div></div>
<!--// eof: information //-->

<!--// bof: moreinformation //-->

<div class="leftBoxContainer" id="moreinformation" style="width: 150px">
<h3 class="leftBoxHeading" id="moreinformationHeading">En Savoir Plus</h3>
<div id="moreinformationContent" class="sideBoxContent">

<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://127.0.0.1:8888/index.php?main_page=page_2">Page 2</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=page_3">Page 3</a></li>
<li><a href="http://127.0.0.1:8888/index.php?main_page=page_4">Page 4</a></li>
</ul>
</div></div>
<!--// eof: moreinformation //-->

</div></td>

<td valign="top">
<!-- bof breadcrumb -->
<!-- eof breadcrumb -->


<!-- bof upload alerts -->
<!-- eof upload alerts -->

<div class="centerColumn" id="indexCategories">
<h1 id="indexCategoriesHeading"></h1>

<h2 class="greeting">Vous naviguez comme <span class="greetUser">visiteur !</span> Voulez-vous <a href="http://127.0.0.1:8888/index.php?main_page=login">Vous Connecter</a> ?</h2>

<!-- deprecated - to use - uncomment
-->

<!-- deprecated - to use - uncomment
-->

<div id="indexCategoriesMainContent" class="content">Test test test
</div>



<!-- BOF: Display grid of available sub-categories, if any -->

<div class="categoryListBoxContents" style="width:100%;"><a href="http://127.0.0.1:8888/test-francais"><img src="images/pixel_trans.gif" alt="Test Francais" title=" Test Francais " width="1" height="1" /><br />Test Francais</a></div>
<br class="clearBoth" />


<!-- EOF: Display grid of available sub-categories -->




<!-- bof: whats_new -->
<div class="centerBoxWrapper" id="whatsNew">
<h2 class="centerBoxHeading">Nouveaut&eacute;s en January</h2>
<div class="centerBoxContentsNew centeredContent back" style="width:100%;"><a href="http://127.0.0.1:8888/test-english/test-product-1"><img src="images/no_picture.gif" alt="test produit 1" title=" test produit 1 " width="100" height="80" /></a><br /><a href="http://127.0.0.1:8888/test-english/test-product-1">test produit 1</a><br />$10.00</div>
<br class="clearBoth" />

</div>

<!-- eof: whats_new -->



<!-- bof: featured products -->
<!-- eof: featured products -->






<!-- bof: specials -->
<!-- eof: specials -->





</div>

</td>

</tr>
</table>



<!--bof-navigation display -->
<div id="navSuppWrapper">
<div id="navSupp">
<ul>

<li><a href="http://127.0.0.1:8888/">Accueil</a></li>
<li></li>
</ul>
</div>
</div>
<!--eof-navigation display -->

<!--bof-ip address display -->
<!--eof-ip address display -->

<!--bof-banner #5 display -->
<!--eof-banner #5 display -->

<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright">Copyright &copy; 2012 <a href="http://www.zen-cart.com" target="_blank">Peppermaster Shop</a>. Alimenté par <a href="http://www.pepperfire.ca" target="_blank">Pepperfire</a></div>

<!--eof- site copyright display -->


</div>
<!--bof- parse time display -->
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<!--eof- banner #6 display -->
</body></html>

[Pepperfire]

Just an FYI, I went into the French module and saved ALL of the files to ANSI from UTF-8, per the instructions for the person with the Swedish font problem.

(edit to restate results more accurately)

There has been no change at all to the home page. The other pages appear to have been fixed and they now look much like the English pages.

[nigelt74]

ok,

YES the CSS does normally set font sizes etc, BUT you are using the same css file for both english and french, and the css file is language agnostic, it doesn't care what language you are using it applies the same rules to the same classes.

In the other thread DrByte is suggesting that the person save the files as "UTF8 without BOM" which is a choice some of the text editors offer.

Are you sure you pasted both the english and french versions of the page?

as this is what you pasted for the English version (it looks like you pasted the French version twice)

Source English:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>

Note 2 things
lang="fr"
and
 <-- Which is the same gibberish that caused the prob in the other thread

Read DrBytes comment

Use Notepad++ to edit and save each of the files from the language pack. Tell Notepad++ to Save as UTF8-without-BOM.

Also when you view the source of those other pages that are ok now, do you see that gibberish at the top?

[Pepperfire]

I understand now why "designers" want me to pay them so much money to do this stuff for me.

I have just discovered that v.1.3.9 is NOT the latest version and will now have to start over again from scratch. I'll get back to you if the problem is still occurring in version 1.5.