This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Front Page > July 2004 > CSS 2 with FP2003
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
|
|
| Sitara Lal 2004-07-31, 7:14 pm |
| 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 2004-07-31, 7:14 pm |
| 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" <lalsitara@filter.indiatimes.com> wrote in message
news:ei2ToFydEHA.596@TK2MSFTNGP11.phx.gbl...
> 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
>
>
| |
| Sitara Lal 2004-07-31, 7:14 pm |
| 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
| |
| Jon Spivey 2004-07-31, 7:14 pm |
| 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" <lalsitara@filter.indiatimes.com> wrote in message
news:ucYxsQydEHA.228@TK2MSFTNGP11.phx.gbl...
> 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
>
>
>
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|