Displaying HTML

When you post HTML codes, for example for your tutorials, those small scroller textareas can be god annoying! Here I'll show you a way to view codes which are easy for your visitors to read, like this;

<link rel="icon" type="image/ico" href="http://yoursite.com/favicon.png">

1. Add this to your CSS, and change it to your like;

code { width : 300px;
font : 11px "Tahoma";
color: #FFFFFF;
padding : 2px;
margin-bottom : 0;
margin-top : 0;
margin-right : 0;
margin-left : 0;
background-color : #57b7bd;
}

2. Add this where you want the code shown;

<code> your coding </code>

3. For the codes to be shown properly, you need to convert it. I use this. When you've posted the converted code like above, you need to add < br >, unlike in textareas. And that's it!

<link rel="icon" type="image/ico" href="http://yoursite.com/favicon.png">
Warning: include() [function.include]: http:// wrapper is disabled in the server configuration by allow_url_include=0 in /home/blackst/public_html/tutorials/showinghtml.php on line 29

Warning: include(http://black-stripes.net/ooter.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/blackst/public_html/tutorials/showinghtml.php on line 29

Warning: include() [function.include]: Failed opening 'http://black-stripes.net/ooter.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/blackst/public_html/tutorials/showinghtml.php on line 29