CSS Advice

[Scott Barnes]

I am getting ready for the daunting task of migrating a 1000+ page site to a new look and feel.

I am not currently using css except for text rollovers. I am thinking about implementing css to help with the majority of my tags.

I found this style sheet off of wdvl http://wdvl.internet.com/Authoring/S...ts/NavMar.html

Is this example sheet too extreme?

Does anyone have any recommendations?

[creole]

That might seem to be a bit of an overkill, but take a look at this one:

http://www.richinstyle.com/masterclass/perfection.html

It's blank, but imagine how long that would be if it had content.

It simply comes down to getting the stylesheet the way that YOU want it and the way that is best for your users.

The best way to do it would be to scour your site for EVERY type of style that you are using. More than likely you will come up with a list that only has about 20-40 items (maybe less). Sit down and figure out you can best use the built in HTML tags as selectors for your styles. That will keep you from having to create lots of classes. It will also save you time down the road when you are coding.

For example, if your content administrator adds something to the site, which is easier to remember?

This:
<b>This is bold, red text</b>

Or this:
<span class="BoldRed">This is bold, red text</span>

[Scott Barnes]

In the RichinStyle examples, em is used in place of point or pixels.

Any comments on this?

Originally posted by creole
[B]That might seem to be a bit of an overkill, but take a look at this one:

http://www.richinstyle.com/masterclass/perfection.html

[creole]

I use a mixture of units, however I tend to stick to points, or ems. I never use pixels as doing so prevents the user from resizing your text if they need to.

I like the notion of EM and will be happier when it is properly understood by all browsers.

[SlaveToTheMan]

If you use point, it will also restrict the user from being able to change the font size as well.

Scott - Be careful which elements of CSS you try to use. There is a lot of it that is not well supported.

See the "master list"

http://www.webreview.com/style/

[isotope235]

Using em or % will allow your text to be resized and look relatively the same cross browser. 1em = 100%. I'm unsure if you can specify em to the 2nd decimal (1.11 or 111%). I always use percent values because the concept of % is more familiar than em.

In NN6 everything is relative: pt,px,em,%. The text will resize regardless.

In NN4 using px, the text size will be fixed (no resize). pt,em,% will resize.

In IE pt & px will be fixed, em & % will be relative (resize).

Not sure about Opera. Different versions of IE may handle pt differently.

[SlaveToTheMan]

Oh. . . good to know