Two <PRE> Selectors

[Buck Turgidson]

I want to have a css with 2 PRE styles, one bold with large font, and
another non-bold and smaller font.

I am new to CSS (and not exactly an expert in HTML, for that matter). Is
there a way to do this in CSS?

<STYLE TYPE="text/css">
pre{ font-size:xx-large;
font-family:monospac e;
font-weight:bold;tex t-decoration:none ;
}
</STYLE>

<STYLE TYPE="text/css">
pre2{ font-size:medium;
font-family:monospac e;
white-space:pre
}
</STYLE>

[Barbara de Zoete]

On Thu, 2 Dec 2004 12:39:17 -0500, Buck Turgidson <jc***@hotmail. com>
wrote:

I want to have a css with 2 PRE styles, one bold with large font, and
another non-bold and smaller font.

I am new to CSS (and not exactly an expert in HTML, for that matter). Is
there a way to do this in CSS?

Yes. Style the <pre> element itself with the styles you will use most,
which you recon to be the normal for <pre> for your site. Don't define
styles that are already common to the element (like font-family:monospac e
or font-style:normal or white-space:pre;). So, just put in:

pre {
font-weight:bold; }

if that is what you need.

Then name a class, make it semantic, logic, so you remember why you want
some content in pre tags look different from the normal pre style. For
example 'remarkable'. Add styles to that class, like

pre.remarkable {
font-size:xx-large; }

and use the class in your markup as needed:

<pre class="remarkab le">this text will be bold (as it is <pre>) and
xx-large (because it is also class 'remarkable')</pre>

As you are new, read up on css at
<URL:http://www.w3schools.c om/css/default.asp>.
--
Weblog | <http://home.wanadoo.nl/b.de.zoete/_private/weblog.html>
Webontwerp | <http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html >
Zweefvliegen | <http://home.wanadoo.nl/b.de.zoete/html/vliegen.html>

[Buck Turgidson]

>

As you are new, read up on css at
<URL:http://www.w3schools.c om/css/default.asp>.

It worked great. Thanks! I am on on my way to the above URL now.