By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
460,036 Members | 978 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 460,036 IT Pros & Developers. It's quick & easy.

One <P> fonts setting controlling another <P>

P: n/a
I have a div with two - three paragrahs in it. Each paragraph has
its own inline style tag with its own font size setting. When I set
the last paragraph's font size the font sizes for ALL of the
paragraphs change.

Why?

How can I stop it?

I.E>

<div>
<P style = "font-size:18px;">
blah blah blah....
</P>

<P style = "font-size:12px;">
yada yada yada......
</P>

<P style = "font-size:8px;">
yak yak yak...
</P>

</div>
Jun 27 '08 #1
Share this Question
Share on Google+
6 Replies


P: n/a
VK
On Apr 13, 12:50 am, Steve <tinker...@gmail.comwrote:
I have a div with two - three paragrahs in it. Each paragraph has
its own inline style tag with its own font size setting. When I set
the last paragraph's font size the font sizes for ALL of the
paragraphs change.

Why?

How can I stop it?

I.E>

<div>
<P style = "font-size:18px;">
blah blah blah....
</P>

<P style = "font-size:12px;">
yada yada yada......
</P>

<P style = "font-size:8px;">
yak yak yak...
</P>

</div>
What browser are you testing on? It works as expected (decreasing font
sizes) for Firefox, IE, Opera and Safari

Either you current browser is badly broken, or inline styles are
overridden by some higher priority rule - which is not shown in your
sample.
Jun 27 '08 #2

P: n/a
Steve wrote:
>
<P style = "font-size:18px;">
Please read the group archives about *not* setting font sizes in px
units. The subject has been discussed ad nauseam. See also
http://k75s.home.att.net/fontsize.html

--
Berg
Jun 27 '08 #3

P: n/a
Steve <ti*******@gmail.comwrites:
I have a div with two - three paragrahs in it.
No, you have a problem that you do not understand, and nobody will be
able to properly explain it to you until you reveal it in context (the
latter being a resource served from a http server).
Here’s a general debugging hint: if you were able to identify
problematic areas in your code, you would know the solution already.
--
||| hexadecimal EBB
o-o decimal 3771
--oOo--( )--oOo-- octal 7273
205 goodbye binary 111010111011
Jun 27 '08 #4

P: n/a
In article <m2************@nntp.bednarz.nl>,
Eric B. Bednarz <be*****@fahr-zur-hoelle.orgwrote:
Here’s a general debugging hint: if you were able to identify
problematic areas in your code, you would know the solution already.
Sounds good and if you pick your cases well it covers good. But in
general, it is not true.

--
dorayme
Jun 27 '08 #5

P: n/a
Eric B. Bednarz wrote:
Steve <ti*******@gmail.comwrites:
>I have a div with two - three paragrahs in it.

No, you have a problem that you do not understand, and nobody will be
able to properly explain it to you until you reveal it in context (the
latter being a resource served from a http server).
Here’s a general debugging hint: if you were able to identify
problematic areas in your code, you would know the solution already.

Oh, come on, that's not true. People often submit code snippets that
contain the error causing the problem. Been there, done that. The
important point to make is that if they don't know *what* it is, they
shouldn't *assume* they know *where* it is.
Jun 27 '08 #6

P: n/a
On 12 avr, 16:50, Steve <tinker...@gmail.comwrote:
I have a div with two - three paragrahs in it. Each paragraph has
its own inline style tag with its own font size setting. When I set
the last paragraph's font size the font sizes for ALL of the
paragraphs change.

Why?

How can I stop it?

I.E>

<div>
<P style = "font-size:18px;">
blah blah blah....
</P>

<P style = "font-size:12px;">
yada yada yada......
</P>

<P style = "font-size:8px;">
yak yak yak...
</P>

</div>
Steve,

1- post an URL where you see this phenomenon
2- in which browser does this font size increase happens? Firefox
2.0.0.13?
3- In your Firefox 2.0.0.13, what is your setting for the minimum font-
size?
Tools/Options/Content tab/Font Advanced button/

Also, like others told you, I strongly recommend that you stay away
from absolute font-size for webpages and to use instead relative font-
size like %tage:

The Wrong Size Fonts
Or why not to over-ride the reader's font size
http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html

"
Units: avoid absolute length units for screen display
Do not specify the font-size in pt, or other absolute length units for
screen stylesheets. They render inconsistently across platforms and
can't be resized by the User Agent (e.g browser). Keep the usage of
such units for styling on media with fixed and known physical
properties (e.g print).
Use relative length units such as percent (...)"
W3C Quality Assurance tip for webmasters
Care with Font-size
Units: avoid absolute length units for screen display
http://www.w3.org/QA/Tips/font-size

"For this year's list of worst design mistakes, (...) I asked readers
of my newsletter to nominate the usability problems they found the
most irritating. (...) Bad fonts won the vote by a landslide, getting
almost twice as many votes as the #2 mistake. About two-thirds of the
voters complained about small font sizes or frozen font sizes;"
Top Ten Web Design Mistakes of 2005 by Jakob Nielsen
http://www.useit.com/alertbox/designmistakes.html
" Our site mixes and matches text sizes on the page."
Does Your Web Site Suck?
Checklist 1: 149 Ways to Kill Your Web Site
Text and links
http://www.webpagesthatsuck.com/does...-part-one.html
Regards, Grard
--
Internet Explorer 7 bugs
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
Jun 27 '08 #7

This discussion thread is closed

Replies have been disabled for this discussion.