CSS 2 with FP2003

[Sitara Lal]

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

 

[Jon Spivey]

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]

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

 

[Jon Spivey]

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