Forums

Odd_E

I need help disabling a html tags inside a div. It's so that I can make a code box like the one here.

So that if I typed <html></html> into <div id="code"> it would appear with the "<" and ">" intact, and not affecting to core html at all. Is it some Javascript function, or a CSS feature. Thanks for your help in advance.

cyneWATCH

You can do this by wrapping <pre><code>Around the text</code></pre>

Odd_E

I know that, but then do I style it like this?


pre {
color: #fff;
background: #000;
}

Danjit

This site and many others use Prettify - http://code.google.com/p/google-code-prettify/ - It should do what you want and has customisable styles.

treehouse : what would you like to learn today?

Forums

Code Box help?