Pour que des portions de code Processing apparaissent correctement dans une page web, on les insère dans des balises comme ci-dessous :
- Code: Tout sélectionner
<pre><code>
.... Le code du programme....
</code></pre>
dans la CSS, on décorera ces deux balises, par exemple, ainsi :
- Code: Tout sélectionner
pre {
margin: auto ;
tab-width: 4;
white-space:pre-wrap;
overflow-x:auto;
width:90%;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
code {
display: block;
padding: 5px 12px ;
color: #F60;
background:#f5f5f5;
border : solid 2px #000000;
}
