Forum Moderators: not2easy

Message Too Old, No Replies

Changing fonts <font color="FF"><b>midstream</b></font>

         

grandpa

2:09 am on Oct 25, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I thought I saw example of this, but now I can't find any. I want to change fonts to highlight a word within a <P> container.

Ex:
<p class="f6">
Product Description <font color="#FF0000">$My.Price</font>

My class definition for "f6" looks like this:
p.f6 { font-family: Eras Light ITC;
font-size: 12pt;
font-weight: bolder }

A new class for Color RED seems right, but how to insert it in the same line of text?

DrDoc

2:23 am on Oct 25, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<p class="f6">
Product Description <em>$My.Price</em>
</p>

Then you can just style the emphasized text any way you want.

p.f6 em {
/* styles here */
}

grandpa

2:36 am on Oct 25, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



You beat me to it Doc. Minutes after I posted that I found my answer. I used 'B' instead of 'EM', but the result is the same.

b.prices { color: #FF0000 }

So I just learned something here, but still a bit confused on what it was...

I assume then I could take " b.prices { color: #FF0000 } "
and make it:

b.prices { font-style: normal;
font-weight : normal;
font-family: Arial Black;}
...which would be an override of the <b> attribute, but allow me to change text mid-stream at my leisure. Or a convienient way to return someday to turn off all my bold text. This is starting to get interesting.