Posted by Toby Inkster on 07/03/06 22:15

Mike wrote:

> To add insult to injury: I styled <pre> so that snippets would be
> surrounded by borders and had different spacing and size. Looks great.
> Really simple stuff. Contrariwise, the same changes to <code> resulted
> in a disaster.

That's because CODE is inline and PRE is block.

For big blocks of code, it's a good idea to use:

<pre><code>
...
</code></pre>

as you've discovered. But if you want to include a tiny bit of code
mid-paragraph, just <code>...</code> will do nicely. For example:

http://tobyinkster.co.uk/web-abbr

If you are marking up code in several different languages, you may find it
useful to use classes, e.g.:

<code class="html">&lt;BODY&gt;</code>
<code class="css">margin-left: 1em;</code>
<code class="perl">$_++</code>

More fun:
http://test.tobyinkster.co.uk/Preview/Syntax-Highlighting/test.php

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

• Next in forum: Re: Page end with absolute divs.
• Prev in forum: Page end with absolute divs.
• Thread view: Re: Noob: Code & Pre tags...

[Reply to this message]