Hi,

I have just upgraded to FP2003 and am lost in trying to apply CSS2 classes
to portions of text in my pages,

To explain the problem ...

For a CSS1 class [e.g. .h1 { font-family: Verdana; font-size: 24pt;
color: #000080; font-weight: bold }], I would simply select the text block
and choose .h1 from the Style window of the formatting toolbar.

However, what do I do for a CSS2 class, such as the one below?
#leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000;
}
How do I apply that class to a block of text on my page?

I am sure there is a simple answer to this which just escapes me, but I will
be grateful for any help!

SL

Hi,

The CSS you have isn't a class it's an ID. You'd wrap a div around your
text and then ID the div, so you'd end up with
<div id="letcontent">...stuff....</div>

Jon
Microsoft MVP - FP

"Sitara Lal" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Hi,
>
> I have just upgraded to FP2003 and am lost in trying to apply CSS2 classes
> to portions of text in my pages,
>
> To explain the problem ...
>
> For a CSS1 class [e.g. .h1 { font-family: Verdana; font-size: 24pt;
> color: #000080; font-weight: bold }], I would simply select the text block
> and choose .h1 from the Style window of the formatting toolbar.
>
> However, what do I do for a CSS2 class, such as the one below?
> #leftcontent {
> position: absolute;
> left:10px;
> top:50px;
> width:200px;
> background:#fff;
> border:1px solid #000;
> }
> How do I apply that class to a block of text on my page?
>
> I am sure there is a simple answer to this which just escapes me, but I
will
> be grateful for any help!
>
> SL
>
>

Thanks Jon for the very prompt response.

How do I "wrap a div around" my text? Do I manually insert the div tags in
code view, or is there some other automatic / mechanical way to accomplish
that in FP2003?

Thanks again.

SL


> The CSS you have isn't a class it's an ID. You'd wrap a div around your
> text and then ID the div, so you'd end up with
> <div id="letcontent">...stuff....</div>
>
> Jon
> Microsoft MVP - FP

Hi,
you can do it in code view if you like. Or you can do it in design view like
this
1/ select your text in the tag list click the relevant tag, probably <p>,
click choose Wrap Tag and type DIV into the dialog
2/ right click the toolbar and check Style - this will bring up the Style
toolbar (a dropdown of the classes and ID you have defined)
3/ click on the div tag you just added and in the ID dropdown choose the id
you want to apply.

Jon

"Sitara Lal" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Thanks Jon for the very prompt response.
>
> How do I "wrap a div around" my text? Do I manually insert the div tags in
> code view, or is there some other automatic / mechanical way to accomplish
> that in FP2003?
>
> Thanks again.
>
> SL
>
>
> > The CSS you have isn't a class it's an ID. You'd wrap a div around your
> > text and then ID the div, so you'd end up with
> > <div id="letcontent">...stuff....</div>
> >
> > Jon
> > Microsoft MVP - FP
>
>