a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

FP2003 Cascading font "inheritance"

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> FP2003 Cascading font "inheritance"
Page: [1]
 
jsgeare

 

Posts: 28
Joined: 9/26/2005
Status: offline

 
FP2003 Cascading font "inheritance" - 10/13/2005 14:02:20   
With respect to coding external style sheets in FP 2003, using the Styles dialog, note well:

Seems that applying a "normal" font weight actually writes the style code WITHOUT any weight attribute AT ALL, like this:

{ font-family: Verdana; font-size: 10pt; letter-spacing: -1.1pt; color: #000066; line-height: 1.2; margin-top:0; margin-bottom: 6; text-align:left; "XXXXXX" }

The "XXXXX" is where the weight would go, if FP put it there.

Whereas, if you apply a weight or characteristic such as "bold," the code looks like this:

{ font-family: Verdana; font-size: 14pt; letter-spacing: 1pt; color: #663300; line-height: 1; margin-top:0; margin-bottom: 3; text-align:left; font-weight:bold }

As you can see, the bold attribute is specifically embedded in the code.

And therefore, whenever the explicitly embedded style code precedes a code (in your text) that is NOT explicitly embedded, the characteristic of the embedded code will still apply. Thus, the bolding of a header, for example, will contaminate body text that follows. The solution is to hand code the normal attribute, like this:

{ font-family: Verdana; font-size: 10pt; letter-spacing: -1.1pt; color: #000066; line-height: 1.2; margin-top:0; margin-bottom: 6; text-align:left; font-weight:normal }

This will restore everything to, uh, well...."normal."

Hope this helps anybody.
caz

 

Posts: 3626
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/13/2005 14:33:55   
Are you talking about a linked external stylesheet, or an embedded one (in the head) or inline style? Of course in line style will take precedence- that is a known. If you used <h> tags and/or classes this problem woud not arise.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to jsgeare)
womble

 

Posts: 5726
Joined: 3/14/2005
From: Living on the edge
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/13/2005 15:25:50   
There is an easier way to explain inheritance. :)

"The more specific the style rule, the higher it is in the order in which it is applied."

Inline styles take precedence over embedded styles, and an embedded style will take precedence over linked styles.

And as Caz says, you should be using <h> tags and/or ids and classes if you want to be more specific still.

_____________________________

~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
:)

(in reply to caz)
jsgeare

 

Posts: 28
Joined: 9/26/2005
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/31/2005 6:00:05   

quote:

ORIGINAL: caz

Are you talking about a linked external stylesheet, or an embedded one (in the head) or inline style? Of course in line style will take precedence- that is a known. If you used <h> tags and/or classes this problem woud not arise.



I'm referring to external style sheets, and situations in which there are neither inline nor embedded styles competing with the external ones. What prompted me to try explicitly coding for a "normal" font weight was the fact that I could find no inline/embedded styles to account for the persistence of the bold attribute. The simple fact was (so I say) that coding the font as normal on the external sheet immediately fixed the problem.

(in reply to caz)
jaybee

 

Posts: 14210
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/31/2005 6:22:42   
OK, I've got you.

The reason it does that is simple if erroneous in some cases. FP sees font-weight:normal; as being the default and it therefore doesn't apply it.

One reason why I don't use FP for developing style sheets. It really isn't that good at it.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jsgeare)
jsgeare

 

Posts: 28
Joined: 9/26/2005
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/31/2005 7:07:45   
Yes, JB, FP does see it that way and you wonder why the programmer's didn't anticipate the effect....oh, well! Another thing: it appears to matter, in some cases, whether or not a style attribute (or whatever its called) is separated from -or right up against- the colon. FP puts a separation between the colon and the attribute (font-weight: normal, for example) and it seems to be OK, except sometimes its NOT, and I get rid of that space and things work. They ask me why I drink.

Hey, you're a super-heroine with gold boots and a cape...could you have a look-see at my recent post under site critiques about www.pureromancestore.com? Thanks!

-JS

(in reply to jaybee)
d a v e

 

Posts: 4199
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/31/2005 7:45:11   
try topstyle lite (free) and use this for reference. btw headers in your example are usually rendered by browsers as bold by default anyway ;)


_____________________________

David Prescott
Gekko web design

(in reply to jsgeare)
jsgeare

 

Posts: 28
Joined: 9/26/2005
Status: offline

 
RE: FP2003 Cascading font "inheritance" - 10/31/2005 8:12:10   
Gotcha, Dave...I forgot to mention that all the styles involved were of my own creation (Userstyles) and not any of the standard tags. I'll scope your topstyle and "this." Thanks very much. -JS

(in reply to d a v e)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> General Web Development >> FP2003 Cascading font "inheritance"
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts