Posted by Chris F.A. Johnson on 11/07/07 01:01

On 2007-11-07, 1001 Webs wrote:
> On Nov 7, 12:26 am, "Chris F.A. Johnson" <cfajohn...@gmail.com> wrote:
>> On 2007-11-06, 1001 Webs wrote:
>> > On Nov 6, 11:20 pm, "Chris F.A. Johnson" <cfajohn...@gmail.com> wrote:
>> >> On 2007-11-06, 1001 Webs wrote:
>> >> > On Nov 6, 10:01 pm, "Chris F.A. Johnson" <cfajohn...@gmail.com> wrote:
>> >> >> On 2007-11-06, 1001 Webs wrote:
>> >> >> > On Nov 6, 8:50 pm, "Chris F.A. Johnson" <cfajohn...@gmail.com> wrote:
>> >> >> ...
>> >> >> >> It is not hard to do the right thing with CSS. It is, perhaps, too
>> >> >> >> easy to do the wrong thing.
>>
>> >> >> > That's the problem as I see it too.
>> >> >> > For example. there are too many options just to assign font-size.
>> >> >> > Why, in the name of God don't they stick to percentages or whatever?
>> >> >> > , but c'mmon this is just absurd
>> >> >> > Or a conspiracy ...
>> >> >> > BTW, right now I am rewriting my style sheet with font-size: small;
>> >> >> > etc., but I'm not that sure it will render well I I
>>
>> >> >> > have copied it from w3.org's front page:
>> >> >> >http://www.w3.org
>>
>> >> >> > I can't go wrong that way, right?
>>
>> >> >> Right, if you use it the way they do, which means not for regular
>> >> >> text. They use it only for things such as copyright notices and
>> >> >> legalese.
>>
>> >> > I have to settle for something.
>>
>> >> No, you don't.
>> > Uh?
>>
>> >> > What's your advice?
>>
>> >> Don't use anything; it's unnecessary.
>> > Beg your pardon?
>>
>> Remove ALL font-size specifications. Then add the few (if any) that
>> are needed to fix up the page.
> I have already done that.
> Here's how it looks now:
> html, body {
> margin: 0px;
> background-color: #2E75D8;
> line-height: 130%;
> font-family: Verdana, Arial, sans-serif;
> }

Did you remove all 236 instances of font-size?

>> >> > I tried with percentages and didn't look right, but I wasn't taking
>> >> > into account inheritance ...
>>
>> >> URL?
>> >http://www.1001webs.net
>>
>> I cannot read it; it is far too small.
> What's your browser?

It is too small in every broswer I have tried (except Lynx) because
you use px sizes, all of which are wrong, and most of which are
unnecessary.

>> > The style sheet comes from a Template supplied by a third party.
>>
>> I hate to be a third party pooper, but you should find a different
>> party.
> Too late for that.
> I have 10 people working upon that design, translating and else.
> Whatever fix can be done it has to be through the stylesheet.

Remove 90% of it.

> In the near future we'll go XHTML tableless, but now there's no time
> for transitions.

Why XHTML? It is not supported by MSIE. You would be better off
with HTML4.01.

>> > Problem is that I have to use it for the front end if I want it to
>> > look exactly the same as the backend (a phpCOIN installation), so that
>> > it is consistent with the overall look of the site when a customer
>> > logs in.
>>
>> Why do you want a consistently unreadable format?
> The style sheet has to be applied to the CMS Template as well and
> there are lots of classes related to different menus.

Why do they all have to be different? In fact, in that mess of a
stylesheet there is very little difference between them.

> What I mean is that it has to work for both the front end and the back
> end which is a CMS:

All the more reason to get it right before you put it into the CMS.

> http://www.1001webs.net/coinen/
>
>> >> > Many people recommends percentages for html/body as a "global" setting
>> >> > and then using ems from then on.
>>
>> >> The biggest mistake in CSS is specifying too much.
>>
>> > Then you're going to LOVE this style sheet;
>> >http://www.1001webs.net/en/styles.css
>>
>> 39,764 bytes for a style sheet? That's bizarre.
>>
>> There are more than 240 font-family specifications, but there are
>> only three different specifications.
>>
>> 90% (or more) of the stylesheet is redundant.
>>
>> After removing all 236 font-size specs, the page is readable and
>> looks almost good. Removing all 60 instances of 'text-align:
>> center;' would make the page even better.
> Probably.
> I finish trimming it and I'll try that as well.

Get rid of the 176 instances of
font-family: Verdana, Arial, Helvetica, sans-serif;
and put it, once, in "body { ... }".

There are many other similar things you can do.

> Haven't uploaded yet because a few things are oversized and out of
> place.

What is oversized? If it is oversized without any font-size specs,
your browser needs adjusting.

> More so when I get into the CMS,
>
> Thanks for everything.
>


--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

[Back to original message]