CSS font sizes help

Hi, I'm going to try and take out all the <font> tags from my page and put
it all into one part in the CSS at the top of each page. If you have a look
at my page (linked in signature), is it simply a case of removing all the
<font> tags and putting in the equivalent CSS one? What about things like
colour, etc... and if there are different font sizes on a page? TIA

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

Mr. Teatime wrote:

Hi, I'm going to try and take out all the <font> tags from my page and put
it all into one part in the CSS at the top of each page. If you have a look
at my page (linked in signature), is it simply a case of removing all the
font> tags and putting in the equivalent CSS one? What about things like
colour, etc... and if there are different font sizes on a page? TIA

Just make first a logical version of your page, ie, use H1 for headings,
H2 for sub headings (sections), H3 for sub sub headings (subsections)
etc. Then change the properties of each heading. If you need colours, in
your text (for example in a <p></p>), you can use <span
class="somename"></span> and give somename the properties you desire (in
your CSS).

--
John MexIT: http://johnbokma.com/mexit/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/
Happy Customers: http://castleamber.com/testimonials.html

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Hi, I'm going to try and take out all the <font> tags from my page and put
it all into one part in the CSS at the top of each page. If you have a
look
at my page (linked in signature), is it simply a case of removing all the
font> tags and putting in the equivalent CSS one? What about things like
colour, etc... and if there are different font sizes on a page? TIA

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

Given that all the font tags (and arent there a lot of them?!) just set the

font-size to 16pt removing them and putting

p{ font-size: 16pt; }

in your CSS file would go a long way to helping. Next do something similar
for the links to set the colours accordingly and then change the bits you
want in yellow with some in-line CSS (or define a new class for it I guess).

I'd take the stuff from the body tag and put that into CSS too.

Anyway, the site is looking a lot better than the last time you asked for
comments.

HTH

Deryck

Deryck wrote:

p{ font-size: 16pt; }

Don't use pt.

--
John MexIT: http://johnbokma.com/mexit/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/
Happy Customers: http://castleamber.com/testimonials.html

"John Bokma" <postmaster (AT) castleamber (DOT) com> wrote

Deryck wrote:

p{ font-size: 16pt; }

Don't use pt.

Yeah, youre right. I just didn't want to overload the guy with too much at

once. Changing from pt to em or % or px or whatever once it's in a CSS file
is trivial of course. I didnt want to get into the whole sizing thing
either, but we've gone theer anyway now

"Deryck" <deryck (AT) REMOVElonghope (DOT) co.uk> wrote

"John Bokma" <postmaster (AT) castleamber (DOT) com> wrote in message
news:40ddffc6$0$213$58c7af7e (AT) news (DOT) kabelfoon.nl...
Deryck wrote:

p{ font-size: 16pt; }

Don't use pt.

Yeah, youre right. I just didn't want to overload the guy with too much at
once. Changing from pt to em or % or px or whatever once it's in a CSS
file
is trivial of course. I didnt want to get into the whole sizing thing
either, but we've gone theer anyway now

Thanks, I have used pt. 16 because if I don't specify and let people choose
their own size, the menu at the top would be messed up...

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Thanks, I have used pt. 16 because if I don't specify and let people
choose
their own size, the menu at the top would be messed up...

In what way? If you mean that the menu would run off the music scale then

that already happens when I look at it, I'm using a 1440x900 screen (ie
wider than 800x600 or 1024x768).
In any case, Firefox will allow the user to resize your fonts so it would
get "messed up" anyway. People should be allowed to resize the font as their
needs and preferences dictate.

Cheers

Deryck

"Deryck" <deryck (AT) REMOVElonghope (DOT) co.uk> wrote

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote in message
news:RinDc.3755$zW4.40285228 (AT) news-text (DOT) cableinet.net...

Thanks, I have used pt. 16 because if I don't specify and let people
choose
their own size, the menu at the top would be messed up...

In what way? If you mean that the menu would run off the music scale then
that already happens when I look at it, I'm using a 1440x900 screen (ie
wider than 800x600 or 1024x768).
In any case, Firefox will allow the user to resize your fonts so it would
get "messed up" anyway. People should be allowed to resize the font as
their
needs and preferences dictate.

Cheers

Deryck


In that case I should look into reworking that menu - I had designed it so

the scale of the text would match up with the menu. Also, can anyone direct
me to a good site that explains CSS code that allows tooltips and similar
things to pop up? I'm thinking of removing the descriptions of my music
until the mouse goes over the track name, or have the description appear
when the track name is clicked on or something...

TIA

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

In that case I should look into reworking that menu - I had designed it so
the scale of the text would match up with the menu.

Well you could (1) make it wider (for my benefit!) and (2) try having the
text centered vertically on the scales so that it still looks ok when the
font size changes. Disclaimer: I dont know if/how that can be done (I'll
review tomorrow in daylight). Alternatively, just ditch the scale for now.

Also, can anyone direct
me to a good site that explains CSS code that allows tooltips and similar
things to pop up? I'm thinking of removing the descriptions of my music
until the mouse goes over the track name, or have the description appear
when the track name is clicked on or something...

No, dont do that. http://www.webpagesthatsuck.com/myst...avigation.html
explains why.

Deryck

No, dont do that.
http://www.webpagesthatsuck.com/myst...avigation.html
explains why.

I meant something just a bit more advanced than having frames where the
tracks are listed down the page, but the track details only appear when you
click on the track name, and get the option to download it as well as the
information that's displayed. It would just save space on the page, giving
people the choice on which track they want to read more about. Any ideas
where I can get information about how to do this?