Décalage relatif d'un div dans un autre [Résolu]

[rambc]

Bonjour,
je suis en train de me faire un petit outil pour présenter des codes informatiques, des listings. J'aurais besoin de créer une classe permettant de gérer le décalage pour obtenir quelque chose comme ci-dessous.

Code PYTHON :

1
2
3
4
5
6
7
8
9
10
11
12
 
# Un code écrit en Python
 
for in range(4,5):
     print(i)
 
     j = 0
     while(j < 2):
          j += 3
          print(j)
 
# Mon code est fini

Est-il possible que les espaces dans le code HTML soient reportés tels quels sur la page HTML ?

Sinon dans le code HTML, je voudrais utiliser ceci :

Code HTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div class = "mainBlock">
# Un code écrit en Python
 
for in range(4,5):
     <div class = "subBlock">
     print(i)
 
     j = 0
     while(j < 2):
          <div class = "subBlock">
          j += 3
          print(j)
          </div>
     </div>
 
# Mon code est fini
</div>

La classe mainBlock n'aurait aucun déclage, tandis que les classes subBlock devraient en avoir un relativement au bloc div qui les contiennent.

Est-ce faisable ? Si oui, peut-on avoir un décalage de quatre espaces, i.e. tels que quatre caractères espace apparaissent dans la page vue par l'utilisateur ?

[scourjean]

Oui c'est possible de créer un décalage, pour cela tu as la propriété padding-left.

[rambc]

Bonjour.

Ce décalage peut-il être exprimé en nombre de caractères ?

[scourjean]

bah tu peux exprimer en px, en %, bref à toi de calculer combien font 4 espaces en px

[rambc]

Oui et non car il faut dans ce cas connaître la taille d'un caractère relativement à la police utilisée...

A défaut, existe-il une balise qui affiche les espaces tapés dans le HTML au lieu d'avoir à utiliser   ?

[rambc]

Envoyé par rambc

Est-il possible que les espaces dans le code HTML soient reportés tels quels sur la page HTML ?

Il suffit d'utiliser :

Code html :

<pre> ... </pre>