|
GolfMad -> CMS editors and and sizes like 'x-small' (4/19/2008 2:39:15)
|
Have tried two CMS editors now and find in both that they display the pages font in their editor window at what looks like a size larger than the valid xhtml font sizes above. Soon as the page is saved and you are shown the real site, it displays at the correct size.
Both of them are reading the stylesheets as they offer all the custom styles I have made and these styles can be applied and work. The font throughout the site is declared in the 'body' tag but even making the same a 'p' tag as well makes no difference:
quote:
body {
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333; }
The CMS systems are Contentseed and Snippetmaster and this anomaly occurs on all PC's/Laptops in the office/home with both IE7 and FF2.
While both developers are very helpful, they are not css specialists but seem to feel it may be something to do with css/relative fonts. They both use different editors built by other developers and intergrated into their CMS systems.
I will post below my post to one of their forums about it (I was using 'x-small' as the body font at first post, now changed to 'small') and the supports reply and would be grateful if anyone could shed some light on it please:
My Post:
quote:
Viewing a snippet in the editor, shows the page text at a larger size than when saved and in the real website.
It is picking up my stylesheet as it offers the styles from that sheet in the dropdown but the text is showing in what looks like ‘small’, when it should be picking up a body (or p style I added but made no difference) of ‘x-small’ from the stylesheet.
If I highlight some of the text and chose Size 1 it does insert ‘xx-small’ into the span/font tag
Size 2 does not write any code, guess it refers to my stylesheet but if only it would write 'x-small' it would be good.
If I change my stylesheet to ‘xx-small’ it does indeed show that as same size in the editor and browser and size 2 then writes as 'x-small' and the appearence in the editor looks like the actual IE7 text size.
I am very confused as to why it is doing this and would appreciate any workaround.
PS - I have just thought well, I will go with font-size=small, so changed my style sheet body tag to that and thought yep the sites homepage looks ok.
Well I open the page up in the editor - and the text on the page in the editor is now showing in the next size up, looks like a 'medium'.
So I have got nowwhere, the editors display font size for my page is always one size larger than the real life IE7 and FF2, whose text size settings are both on normal.
Does that give anyone a clue as to where the problem might be please?
Support reply:
quote:
To be honest, I'm not too sure. I'm not really a web designer, so all that "css stuff" is pretty much beyond my comprehension.
I do know that the x-small css is a "relative" tag. I think it's relative to whatever font "size" you have specified in the body or p tag for the page.
So the problem might be with how the x-small tag is "related" to whatever size you have specified in the page/
Honestly, I'm not sure how to diagnose this, as I'm not sure if it's working by design, a problem with your CSS, or something else.
Sorry I'm not much more help.
I have had this problem with many sites where I have used Content Seed for the last two years, since EWD has been my design program and gives us the default opportunity to use the accessible fonts; so if anyone can solve this it would help me sleep at night - and my clients using their editors - thanks [sm=unsure.gif]
|
|
|
|
