In FP 2002, which style is "normal" (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

bbigham -> In FP 2002, which style is "normal" (7/20/2007 20:54:24)

I'm learning about CSS slowly but surely and I think I'm getting the hang of the basics.

BUT, the one thing I can't figure out is how to change the default, initial type style on a document, the one labeled simply "normal" in the style box.

I go into the css file and the list includes body, h1, h2, etc., but I can find NO listing for "normal".

I'm trying to change the CSS style sheet so that all "normal" text throughout is aligned left rather than justified.

If I go into "style" and change the style for <p> to left align, it will work, but only for that page, even though I've linked the CSS style sheet to all pages.

How do I make ALL "normal" text in my site align left without going into each page?

Barbara



Tailslide -> RE: In FP 2002, which style is "normal" (7/21/2007 3:02:50)

Are you able to just edit the stylesheet directly rather than using the WYSIWYG interface?

Just remove text-align:justify and add in text-align:left to the main containing div rule. In fact left is the default alignment so you could probably just remove the justification rules and you'd get what you want although I prefer to be specific.



caz -> RE: In FP 2002, which style is "normal" (7/21/2007 7:59:05)

Have you set up something in "page options", or customised FP in any way? I don't have FP2002 but in FP2003 there is this help file about formatting -
quote:

Set paragraph alignment
In Page view, at the bottom of the document window, click Design .
Select the paragraph(s) you want to align.
On the Formatting toolbar, click one of the following:
Align Left
Center
Align Right
Justify
If the Formatting toolbar is hidden, on the View menu, point to Toolbars, and then click Formatting.



If you have done something like that it will overide any subsequent styling you try to do.

As Tailslide said are you using the inbuilt Style functions of FP? Far better to use external stylesheets and link to them in the head of your page. You can just use Notepad to create them and then save as .css in your root folder; then using Format> find that file and it will be linked in the head of your page.

FP2003 btw is much better than 02 for using with CSS.



bbigham -> RE: In FP 2002, which style is "normal" (7/21/2007 20:14:42)

YEAH!!!!! That did it! Thanks so much!!

I wasn't quite sure what you meant by "the main containing div rule" so I went into the css file and changed ALL "justify" to left and it seems to have worked.

Can I ask another question? (Well, actually, I'm going to ask it anyway so why do I both asking?)

Here's the template's original css file (I put it on an htm page for easy viewing )>>> css style

Is the "normal" text always .content? In different style sheets, how does one know which line controls the normal text?

I just bought the upgrade to ExpressionWeb, which should make working with css a bit easier but until I get a handle on it, I have to do my webs in FP2002. This has been a major problem since I started doing webs and I "solved" the problem by simply ignoring css styles and individually formatting each paragraph of text!




bbigham -> RE: In FP 2002, which style is "normal" (7/21/2007 20:17:28)

Caz,

Thanks for the help! As you can see, I *think* I got it. I heard that FP 2003 handles css much better than the 2002 version, but I'm always a few versions behind the times.

Actually, this time, I leapfrogged and got the upgrade to ExpressionWeb, but I'm going to keep using my tried and trusty FP 2002 until I get family with the new software.

I still haven't had the guts to try a complete css, table-less design, but one of these days .....

Barbara



caz -> RE: In FP 2002, which style is "normal" (7/21/2007 21:00:54)

In your template css you have this,

quote:

/* MAIN CLASSES */

.wrapper {width: 750px; text-align: left; color: #000; background-color: #FFFFFF; border: 2px solid #FFFFFF;}


I suspect that the .wrapper class represents the main "containing" div mentioned by Tailside but it's hard to say without seeing it applied to a page.

This could actually be the main setting until altered later on for other elements such as lists, tables or navigation for example -

quote:

body {background: #000000 url('images/background.jpg'); color: #000; font-family: Verdana, Arial, sans-serif; font-size: 75%; margin: 0; text-align: left}



Tailslide -> RE: In FP 2002, which style is "normal" (7/22/2007 4:02:01)

Yes I didn't actually see the page so I didn't know what names were applied to the various divs. But usually there'll be some sort of main div that contains everything else - usually so that it can be centred on the page.

It's easiest (in my opinion) as Caz says, to apply the main set of styles (such as fonts, font-sizes, line-height etc) to the body element - those then apply to everything "beneath" them on the page. You can then apply different styling where necessary to stuff lower down the chain.

Can I recommend a brilliant and easy to follow CSS tutorial here - http://www.cssbasics.com/ It is worth a quick read to help get a better idea of how CSS actually works.



bbigham -> RE: In FP 2002, which style is "normal" (7/22/2007 4:15:24)

Thanks so much for that link. I've bookmarked it and will tackle a chapter a day.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.109375