Display Source Code

07-01-2007, 12:21 PM

In post <Xns93A32AF8B7B5Ealexmacmailcom@194.177.210.210>
Alexander Mac said...

> I want to present some source code (C++, Java etc) on my page, so I am
> using <pre><code></code></pre> tags. Is there any way to color the keywords
> all together? For example, make them appear blue (a CSS maybe?).

stick it in your <head>

<style type="text/css">
code{color:blue;background-color:lime;}
</style>

--
brucie a. blackford. 23/June/2003 11:38:13 am kilo.
http://loser.brucies.com/

07-01-2007, 12:22 PM

brucie <brucie@loser.brucies.com> wrote:

> code span{color:blue;background-color:lime;}

That would work if you won't ever need a span element inside a code
element for any other purpose. A theoretically more satisfactory,
though pragmatically clumsy, approach would be

..key {color:blue; background:lime;}

with markup like

<pre><code class="C"> ... <span class="key">int</span> ...</code></pre>

There's yet another approach, and some people probably say it's really
impure. It's based on the fact that _bolding_ is a traditional
typographic method used for keywords in source code:

code.C b { color: blue; background: line; font-weight: normal; }

with concise markup like

<pre><code class="C"> ... <b>int</b> ...</code></pre>

The general idea is that when CSS is not in use, the keywords appear in
bold face, and the style sheet then turns this off and introduces the
colors. Here <b> and not <strong> is adequate, since we don't really
want to emphasize the keywords, just make them look different.

And the probability that you'd ever want to use <b> inside <code> for
something else is rather minimal.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
avi source code editing help needed	ABinBoston	Software Programming	0	06-12-2007 10:35 PM
how do I invert and adjust color on a color negative(PS5)	Al Denelsbeck	Graphics in general	2	06-11-2007 9:38 PM
how do I invert and adjust color on a color negative(PS5)	Mike Russell	Graphics in general	0	06-11-2007 9:38 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)