why does my text formatting have a mind of its own?

[countrygirlcandles]

i have installed osc ver 2.3.1 and on the pages were i put text ( shipping and other information pages ) were is says 'put your text here' i create some HTML for that and put it in there and it will look really good in my editor but when i put that same HTML in my osc pages and view them the formatting changes and seems to have a mind of its own. an example of this is my home page if you go to www.mycountrycandles.net and look at the text formatting how it seems to vary from font size and below is the HTML that is for that page copy and paste it in your editor you will see what is should look like versus what i am getting

 

thanks for helping

 

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

 

<p ALIGN="CENTER"><font face="Bookman Old Style" color="#0000FF">Would you like

a FREE 3 oz candle? <br>

NO PURCHASE NECESSARY  <br>

</font><font face="Bookman Old Style">Its easy just create an account with us and sign up for our monthly news letter,

once you have done that we will contact you for the scent of your choice and the

best way to deliver your candle.</font></p>

<p ALIGN="CENTER"><font face="Bookman Old Style"><span style="font-weight: 700">

NEED A FUNDRAISER FOR YOUR GROUP?</span><span style="font-weight: 400"><br>

</span><font SIZE="3"><span style="font-weight: 400">Let Country Girl Candle’s

take the work out of raising money! <br>

</span></font><span style="font-weight: 400">

<br>

</span><span style="font-weight: 700">

<a href="http://www.countrygirlcandles.net/fundraiser.php">Click Here For More

Info</a></span></font></p>

<p ALIGN="CENTER"><font SIZE="3" face="Bookman Old Style">Please come back often to see our products, we are adding new

things here daily.</font></p>

<p ALIGN="CENTER"> </p>

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

[MrPhil]

Your typical browser probably won't have "Bookman Old Style" font installed. Therefore, the browser is free to ignore that font change. If you really want to use it (when available), use CSS to define a "style" for it (font: property, with at least one "backup" generic font, e.g., font: bold 18pt "Bookman Old Style",Arial,serif;) instead of this mixture of HTML tags. If you're using an HTML editor to make this code, it may indeed do nonstandard things and provide odd results that don't match what you'll get when it's embedded in a full page.

 

Your description of having "a mind of its own" isn't very useful. The link to your site is down, so I have no idea what I should be looking for -- i.e., what you are expecting to see vs. what you're actually seeing.

[countrygirlcandles]

i must have been half asleep - the link to the store is www.countrygirlcandles.net sorry about the wrong link

[multimixer]

No offense please, but what you posted is a terrible mess

 

You can have the same and better results if using simple valid easy html and a couple of css rules. Here are 2 links that will help you

learn html

learn css

 

Regarding font types I just posted something related on my blog a week ago or something, very easy to implement and considered as cross browser safe

 

and one advice: Through away any kind of WYSIWYG editor you have

[MrPhil]

Definitely, requesting only the font "Bookman Old Style" is causing the problem, as most browsers won't have it available. You need to use CSS to specify one or two desired font faces [families] (say, one for Windows and one for Mac), plus a generic fallback (e.g., serif). Even better, try to use an existing CSS class already defined for the page, so you'll have consistent fonts.

 

It's OK to use an HTML editor to get a rough cut of the text you want to insert, but you should edit the results by hand to clean it up and make it CSS-friendly and compatible with the rest of your page.

[countrygirlcandles]

i changed the font type and still same thing, i really dont think its my html i think something in osc is telling it to handle the box contents in this particular example it is the text box in modular front page addon but this is not the only place this is happening?

[♥kymation]

The text box in Modular Front Page doesn't do anything to the HTML you pasted into it. If you look at your page using View >>> Page Source you will see that it is sending your HTML exactly as you told it to.

 

Styles that are defined in your stylesheet will apply as well. To find out what is being applied to your text, install the Firebug plugin in Firefox, then right click on your text and select Inspect Element. That will tell you what applies and what you might need to change or override.

 

I also agree with George: your HTML is a horrible mess. If you used a WYSIWYG editor to generate that, throw it away. It's not helping you.

 

Regards

Jim