Discussion :

[Rodrigue]

Bonjour,

Je souhaiterais que les numéros associés à mes titres soient placés dans la marge comme dans l'image suivante:


Comme vous pouvez l'observer, les numéros sont alignés à droite dans la marge alors que le texte lui est "justifié".

J'ai réalisé un début en JSFiddle: https://jsfiddle.net/79ehtbqb/1/

En ce qui concerne les césures, je pense que je vais utiliser Hyphenator.js donc pas de css à ce niveau à là.

J'utilise bootstrap, je ne sais pas si cela a de l'importance ou peut faciliter les choses.

Je vous remercie par avance. On perd facilement des heures quand on ne sait pas par où débuter!

[Invité]

Bonjour,

à ajouter :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.container
{
  padding-left:60px;
}
.container > h1, 
.container > h2, 
.container > h3, 
.box > div
{
  position:relative;
}
.container span.number
{
  position:absolute;
  left:-60px;
  width:50px;
  text-align:right;
}

[Rodrigue]

Je te remercie jreaux62 .

J'essaye de créer un site avec Laravel pour mettre mes cours en ligne. J'avais donc besoin de recréer la même mise en page que mon document Latex.
Ce n'est pas évident de comprendre toutes les finesses de .css

On va essayer de faire le reste désormais...