attention could be a very dumb question

[Piedro]

Hi group,

as I was browsing the web and checking out w3schools.com I read that
the font tag was deprecated and that I should use css styles for
formatting like
for example
<p class="p1">
Text goes here
</p>

But I started thinking how would I get for example the next text with
the specified format (between brackets) on my webpage, without having
defining a new <p class="xxx"></p> for every line

<p>
First line (green and bold)
Second line (blue and underline)
Third line (red)
</p>

I warned y'all that this may be a stupid question, but I haven't been
able to keep my html tags update and now I'm trying to update myself
again

Thnx in advance

[Neal]

On 31 Aug 2004 06:36:36 -0700, Piedro <pp*****@hotmai l.com> wrote:

Hi group,

as I was browsing the web and checking out w3schools.com I read that
the font tag was deprecated and that I should use css styles for
formatting like
for example
<p class="p1">
Text goes here
</p>
Yes, color should be put in the stylesheet.
But I started thinking how would I get for example the next text with
the specified format (between brackets) on my webpage, without having
defining a new <p class="xxx"></p> for every line

<p>
First line (green and bold)
Second line (blue and underline)
Third line (red)
</p>

Well, first, I'm not sure you know, but the above would be rendered like
this.

First line (green and bold)Second line (blue and underline)Third line (red)

If these are separate paragraphs (they're way too short to be paragraphs,
aren't they? Oh well) then use separate p elelemts.

<p>First line (green and bold)</p>
<p>Second line (blue and underline)</p>
<p>Third line (red)</p>

If they are one paragraph with new lines every so often - like a stanza of
a poem, for example - use the br element.

<p>First line (green and bold)<br>
Second line (blue and underline)<br>
Third line (red)</p>

If you want different styles attached to different text, you need to have
different selectors in the stylesheet, and often this means new classes.
Now, here's where a lot of new CSS users get tripped up - use class and id
names which describe the CONTENT, not the EFFECT.

In this case, I'd first decide what is the "usual" rendering of a
paragraph. Let's assume it's plain red text.

p {color: red;}

Now, I can create a class for green and bold. Let's say this is purely
decorateve, I'll call it "deco1" (short for decorative style 1).

..deco1 {color: green; font-weight: bold;}
..deco2 {color: blue; text-decration: underline;}

(BTW I do not recommend underlining and coloring text, unless you really
want people to get mad at you when they click it over and over.)

Now our first example would be:

<p class="deco1">F irst line (green and bold)</p>
<p class="deco2">S econd line (blue and underline)</p>
<p>Third line (red)</p>

The second:

<p><span class="deco1">F irst line (green and bold)</span><br>
<span class="deco2">S econd line (blue and underline)</span><br>
Third line (red)</p>

Hope this clears things up.

[Els]

Piedro wrote:

Hi group,

as I was browsing the web and checking out w3schools.com I
read that the font tag was deprecated and that I should use
css styles for formatting like
for example
<p class="p1">
Text goes here
</p>

But I started thinking how would I get for example the next
text with the specified format (between brackets) on my
webpage, without having defining a new <p class="xxx"></p>
for every line

<p>
First line (green and bold)
Second line (blue and underline)
Third line (red)
</p>

<p class="threecol or">
<span class="first">F irst line</span>
<span class="second"> Second line</span>
<span class="third">T hird line</span>
</p>

CSS:
p.threecolor span.first{colo r:green;font-weight:bold;}
p.threecolor span.second{col or:blue;text-
decoration:unde rline;}
p.threecolor span.third{colo r:red;}

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Piedro]

Thnx for al the reply's they where very helpful, but I can't help
feeling a bit dumb because I forgot about the <span></span> tag. But
thnx again for the explanations

Grtz Peter
Els <el*********@ti scali.nl> wrote in message news:<Xn******* **********@130. 133.1.4>...

Piedro wrote:

Hi group,

as I was browsing the web and checking out w3schools.com I
read that the font tag was deprecated and that I should use
css styles for formatting like
for example
<p class="p1">
Text goes here
</p>

But I started thinking how would I get for example the next
text with the specified format (between brackets) on my
webpage, without having defining a new <p class="xxx"></p>
for every line

<p>
First line (green and bold)
Second line (blue and underline)
Third line (red)
</p>

<p class="threecol or">
<span class="first">F irst line</span>
<span class="second"> Second line</span>
<span class="third">T hird line</span>
</p>

CSS:
p.threecolor span.first{colo r:green;font-weight:bold;}
p.threecolor span.second{col or:blue;text-
decoration:unde rline;}
p.threecolor span.third{colo r:red;}

[Sam Hughes]

pp*****@hotmail .com (Piedro) wrote in news:b7e3650a.0 408310536.33f7e f78
@posting.google .com:

Hi group,

Hi
as I was browsing the web and checking out w3schools.com I read that
the font tag was deprecated and that I should use css styles for
formatting like
for example
<p class="p1">
Text goes here
</p>
That is very true.
But I started thinking how would I get for example the next text with
the specified format (between brackets) on my webpage, without having
defining a new <p class="xxx"></p> for every line
<br> is not deprecated.

<p>
First line (green and bold)
Second line (blue and underline)
Third line (red)
</p>

I warned y'all that this may be a stupid question, but I haven't been
able to keep my html tags update and now I'm trying to update myself
again

Thnx in advance

How about just using the deprecated FONT element? They do no harm
(since the alternative is to use long-winded SPAN elements), except for
casuing purists' heads to explode :-), and they are all but universally
supported. Generally, using CSS is an excellent idea. In almost all
cases, that is true. But one-time-use classes are not necessarily a fun
or practical idea.

I would actually use

<p>
<font color="green">< b>First line</b></font><br>
<font color="blue"><u >Second Line</u></font><br>
<font color="red">Thi rd line</font></p>

and I have not used a FONT element in years.

Of course, if you are using this for presentation reasons (especially
ones that would get repeated across pages, you should use cascading
style sheets.