FrontPage and font resizing (Full Version)

All Forums >> [Web Development] >> Accessibility



Message

Starhugger -> FrontPage and font resizing (6/23/2006 18:54:42)

My site was originally created using FP, using its default font sizing method, which uses points. For a while now, as I have added new pages, I have created CSS styles that are defined by a percentage of em's, since I had read that these are easily resizable by all of the major browsers, including IE.

But when I recently tested this feature on my new pages, I discovered that IE is not resizing! I know it works because I recently did a friend's site from scratch using only HTML and CSS and no FP themes or other features like that, and his site resizes beautifully.

So is this something that's coming from my FP theme? Has anyone else ever found this happening? I'm so frustrated to have gone to the trouble and time to do it this way, only to find that it doesn't work! [sm=BangHead.gif]

I know I really should recode my whole site in CSS and get rid of the FP doodads, but that's just not going to be possible unless I can find a way to compress about 3 months of time into a couple of days. Sigh...

Starhugger



jaybee -> RE: FrontPage and font resizing (6/23/2006 20:53:43)

It probably is the theme but it's a bit difficult to tell without seeing the code.

You should be able to edit the theme though.



Starhugger -> RE: FrontPage and font resizing (6/23/2006 21:36:21)

Hi jaybee,

Actually I created the theme myself (using FrontPage). Here's a sample page:

http://www.evolvingdoor.ca/readings/personal_astrology_readings.htm

Starhugger



Tailslide -> RE: FrontPage and font resizing (6/24/2006 2:54:56)

There's a lot of 

font-size: 1;


and 

font-size: 8pt;

for example in what I assume is the FP theme CSS



Starhugger -> RE: FrontPage and font resizing (6/24/2006 9:39:28)

Hi Tailslide,

When I View Source for that page, the only references I see to font sizing being measured in points are in the theme's header and footer. In the body, it's all measured in percentages.

Hmmm... I've found in the past that I can't seem to override the theme's default H1, H2, etc., specs from my own external CSS file. I wonder if that's the case with any font sizing in the body as well? I can override Hx if the CSS specs are IN the HTML file, but not if they're in a separate CSS file. Maybe FP's theme CSS is overriding my own CSS for any specs that use or alter the same tag name or style name, like "font."

Let me ask the question in another way: Is anyone using an FP theme AND resizing their fonts using something other than points AND finding that it DOES work? I'd be interested to see an instance where it does work. It might help me narrow down what's going wrong with mine.

Thanks.

Starhugger



womble -> RE: FrontPage and font resizing (6/24/2006 9:55:56)

If the FP theme has inline styling in the HTML that will over-ride any styling in your external stylesheet due to the nature of the cascade. I'd think the only way to over-ride FP's theme styling is to have all the styling including the FP theme stuff in an external file and you can then adjust as needed.



Starhugger -> RE: FrontPage and font resizing (6/24/2006 10:09:00)

Hi Womble,

Yes, it would probably help to have the theme specs and my own specs in the same CSS file. FP doesn't put in its own in-line styling. When I took a peek in the theme CSS files, I saw various tags predefined with font point sizes, like "body" and "table." So unless I redefine them using different style names (e.g., <table class="mytablespecs"> ) then they'll probably default to the theme's specs.

Sigh... I really wish I could find about 80 more hours in the day to totally recode my site, but it would take a huge amount of work and time that I just don't have to spare right now. The more I have learned about doing my own coding, the more frustrated I get with FP. And I've learned a LOT about coding from this forum...so thanks a LOT!! [:@] [;)] [:D]

Starhugger



Tailslide -> RE: FrontPage and font resizing (6/24/2006 12:34:41)

Try shifting your own stylesheet to after the MS theme in the document head. This should hopefully be enough to give your stylesheet rules precedence.



Starhugger -> RE: FrontPage and font resizing (6/24/2006 12:44:21)

Good idea, Tail, but FP switches it behind its own stuff when it compiles it all to upload it.

This in FP... 

<head>
<meta http-equiv="Content-Language" content="en-ca" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Readings</title>
<meta name="Microsoft Theme" content="edwhite 1011, default">
<meta name="Microsoft Border" content="tb, default">
<link rel="stylesheet" type="text/css" href="../products.css">
</head>


Becomes this in View Source... 

<head>
<meta http-equiv="Content-Language" content="en-ca" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Readings</title>
<link rel="stylesheet" type="text/css" href="../products.css">
<!--mstheme-->
<link rel="stylesheet" type="text/css" href="../_themes/edwhite/edwh1011.css">
<meta name="Microsoft Theme" content="edwhite 1011, default">
<meta name="Microsoft Border" content="tb, default">
</head>


I guess the theme really is the culprit. I'm not sure I want to try tampering with the theme's CSS because not all my pages are styled the same way and I'd probably lose a lot of my defaults. But I guess I have my answer now. [&:] I'll just have to keep working toward recoding the site and try to get it out of FP's clutches.

Thanks for the help everyone!

Starhugger



womble -> RE: FrontPage and font resizing (6/24/2006 13:18:00)

Probably the wise thing to do. [;)]

To make the recoding less painful you could do it in bits, i.e. once you've identified which bits do what in the theme's css you can do that style in your css and take it out of the theme's till eventually it's all in your stylesheet and you can give the FP one the push. [:D]

One way I recently realised I could use to test I really was playing with the right style without messing everything up recently when I was customising a SMF forum that uses CSS for styling, was to use the 'edit CSS' on the Firefox web developer toolbar. It opens up in a sidebar and you can edit the CSS and see the effect without going anywhere near the 'real' css file. It displays the effects of your changes on screen only until your refresh the page or move to another page - the safe way to fiddle with your CSS without messing up a live site. [;)]



Starhugger -> RE: FrontPage and font resizing (6/24/2006 13:28:53)

Thanks Womble! Great idea. I kind of abandoned FireFox as a browser because it was loading (itself and webpages) so slowly, and attempts to troubleshoot it on the Mozilla forum were unhelpful. I do remember it had some pretty cool tools though. Thanks for the reminder. [:)]

Starhugger



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625