HighDots Forums  

One <P> fonts setting controlling another <P>

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss One <P> fonts setting controlling another <P> in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Steve
 
Posts: n/a

Default One <P> fonts setting controlling another <P> - 04-12-2008 , 03:50 PM






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>

Reply With Quote
  #2  
Old   
VK
 
Posts: n/a

Default Re: One <P> fonts setting controlling another <P> - 04-12-2008 , 04:12 PM






On Apr 13, 12:50 am, Steve <tinker... (AT) gmail (DOT) com> wrote:
Quote:
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.


Reply With Quote
  #3  
Old   
Bergamot
 
Posts: n/a

Default Re: One <P> fonts setting controlling another <P> - 04-12-2008 , 04:55 PM



Steve wrote:
Quote:
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


Reply With Quote
  #4  
Old   
Eric B. Bednarz
 
Posts: n/a

Default Re: One <P> fonts setting controlling another <P> - 04-12-2008 , 08:20 PM



Steve <tinker123 (AT) gmail (DOT) com> writes:

Quote:
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.


--
Quote:
|| hexadecimal EBB
o-o decimal 3771
--oOo--( )--oOo-- octal 7273
205 goodbye binary 111010111011


Reply With Quote
  #5  
Old   
dorayme
 
Posts: n/a

Default Re: One <P> fonts setting controlling another <P> - 04-12-2008 , 09:07 PM



In article <m2wsn25z4w.fsf (AT) nntp (DOT) bednarz.nl>,
Eric B. Bednarz <bednarz (AT) fahr-zur-hoelle (DOT) org> wrote:

Quote:
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


Reply With Quote
  #6  
Old   
Harlan Messinger
 
Posts: n/a

Default Re: One <P> fonts setting controlling another <P> - 04-13-2008 , 07:10 AM



Eric B. Bednarz wrote:
Quote:
Steve <tinker123 (AT) gmail (DOT) com> writes:

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.


Reply With Quote
  #7  
Old   
GTalbot
 
Posts: n/a

Default Re: One <P> fonts setting controlling another <P> - 04-14-2008 , 03:04 AM



On 12 avr, 16:50, Steve <tinker... (AT) gmail (DOT) com> wrote:
Quote:
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, Gérard
--
Internet Explorer 7 bugs
http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.