Font size! - I've read other font posts but still won't work

[pinkpanther]

I can't get the css file to work on my site to alter font size. It's driving
me craaaaazy, no mistake.
Have read all the other posts on font size problem and carried them out but
still won't work. This page has about 3 different methods on it which I know
is wrong but even having each one separately, still does not work. I
wondered if you would know what is wrong from this:

http://www.1st-online-money-steps.com/index----.html
this is the styles.css:
..logo { text-align:center; }

..slogan { color: #000000; font-family: Verdana; font-size: 10pt;
font-style:italic; padding-left:5; padding-right:5; padding-top:5;
padding-bottom:5; }

..navigation { font-family: Verdana; font-size: 9pt; text-align:center;
padding-left:10; padding-top:10; padding-bottom:10; }

..contentpane { padding-left: 10; padding-top: 10; padding-bottom: 10; }

h1 { padding-left: 10; padding-right: 10; padding-top: 10;
margin-bottom: -13; }

h2 { padding-left: 10; padding-right: 10; padding-top: 10;
margin-bottom: -13; }

..plaintext { font-family: Verdana; font-size: 10pt; padding-left: 10;
padding-right: 10; }

..smalltext { font-family: Verdana; font-size: 10pt; padding-left:5;
padding-right:5; padding-top:5; padding-bottom:5; }

..slogan { padding:5; font-family: Verdana; font-style: italic; font-size:
10pt; text-align:center }

li { font-family: Verdana; font-size: 10pt; } </> <>p {
font-family: Verdana; font-size: 10px }
ul { font-family: Verdana; font-size: 10pt; }

help much appreciated

 

[Ronx]

What font-size problem? The CSS should set all fonts to 10pt where that
has been specified. Though pts (and pxs) should be avoided since
different browsers will interpret pts in different ways - Opera sizes
pts smaller than IE, and FireFox and Netscape size them larger. Neither
pts nor pxs are resized in IE when users have difficulty reading the
text. (10pxs is very small text).
See http://www.rxs-enterprises.org/tests/ems-percent.htm

However, what will NOT work in your CSS are margins and padding. In a
CSS rule measurements MUST have the unit of measurement.
So, for example,

padding-left:5; padding-right:5; padding-top:5; padding-bottom:5;

should be written:

padding-left:5px; padding-right:5px; padding-top:5px;
padding-bottom:5px;

And I don't know what is meant by the </> <> in:

li { font-family: Verdana; font-size: 10pt; } </> <>p {font-family:
Verdana; font-size: 10px }

A CSS comment (if that is what the </> <> is attempting to be is

/* p {font-family: Verdana; font-size: 10px } */


In the page itself there are 2 references to styles.css. The first will
never be found, since it is nested in a style statement, and the 2nd
places styles.css in the same folder as index---.htm - but styles.css is
not there. As a result all the body text will be sized at 10px, using
the embedded styles in the page.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

 

[pinkpanther]

Thanks Ronx!

I have nearly sorted out the problem by going back to square one and
starting again. I have got verdana 10pt just about everywhere except for
inside tables (If I make a new page though, even in tables, it is working
fine) but 'old' pages where there was tahoma inside the table it is not
changing them.

Inside the tables it is saying this at start of paragraphs, h1... etc. in
the code:
<font face="Tahoma" size="4">.

In the css I am using, it has one line which is:

table { font-family: Verdana; font-size: 13px }

is there a way I can tell it to go into a nested table - something like:

table.table { font-family: Verdana; font-size: 13px } ...or
something??

I have tried using the suggestion in another thread, which said to use px
instead of pt but it is not bringing any result.

Many thanks for your time - VERY much appreciated, I can tell you!

 

[Ronx]

<font...> tabs will over-rule any CSS since the <font..> tab is "nearer"
the text than the CSS is. You will have to remove all font tabs from
the pages. In Design view, highlight the area in the page and use
Format->Remove Formatting (you may wish to make a copy of the page
first, just in case you remove too much).

table { font-family: Verdana; font-size: 13px }

will affect EVERY table in the page, whether nested or not. Though I
would use

td { font-family: Verdana; font-size: 13px; }

instead - this also allows for cell padding to be applied.

If you want the nested table to be different from the outer table, then

td table td {font-family: arial; font size 13px; }

will only affect cells in the nested table.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp