Problème avec les listes ordonnées

[hémicycliste]

Détails techniques

Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis basculement phbb3 vers invision
Lien du forum : www.forumdephilosophie.com

Description du problème

Bonsoir,

fondateur du Forum de philosophie, forum en Invision, qui se trouve être également une bibliothèque numérique, je crée énormément de topics avec des listes ordonnées. Or, comme on peut le voir ci-dessous, les numéros "sortent" de la marge gauche (à partir du n°20) :



J'ai beau chercher (padding, margin...), tous mes essais avec les codes css sont inutiles (que ce soit dans la balise postbody ou autre...)

Si quelqu'un pouvait m'indiquer comment faire en sorte que les chiffres restent bien à l'intérieur du cadre des messages, je lui en serais très reconnaissant.
Voici mon code css actuel, pour le cas où... (je précise encore une fois que même en jouant sur les margin-left, etc., et en validant, ça n'a eu aucun effet sur le corps du texte dans les messages). Merci d'avance.

Code:

.postbody {
text-align:justify;
padding-left:0px;
padding-right:0px;
text-indent:10px; /* retrait de la première ligne du paragraphe */
background-color:#EFEFEF;
}

div.postbody a
{
    color:#048B9A!important;
}

div.postbody a:hover
{
    color:#FF0000!important;
}

blockquote {
  border: 1px solid #1B4F08;
  border-radius: 0px;
  margin: 0px;
}

blockquote cite {
background-color: #1B4F08;
font-size:18px;
color: white; /* Le texte de la page sera blanc */
}

.navbar ul {
border-bottom:none;
}

#savec { position:relative; }
.save-bloc { color: #555 !important; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505 !important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

a, a:hover {
    text-decoration: none !important;
}

.table-title, .table-title h2 {
    font-family:gisha, arial !important;
    font-size:22px !important;
}

.sceditor-container textarea {
    font-size: 20px !important;
}

hr { border-color: #3366ff; }

.bandef{
    display: none;
    white-space: nowrap;
    overflow: hidden;
    -webkit-animation: marquee 150s linear infinite; /* Chrome, Safari, Opera */
    animation: marquee 150s linear infinite; /* Vitesse de défilement */
}
 
/*  Arrêt du défilement au survol */
.bandef:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

#content-container #left {
  margin-top: 108px;
}

#content-container #right {
  margin-top: 108px;
}

#widget-arrows {
  height: 13px;
}
.widget-arrow {
  height: 13px;
  width: 16px;
  border-radius: 4px;
  float: left;
  cursor: pointer;
  background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
}
.widget-arrow.isright {
  float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
  background-position: 0 0;
}

Bonne fin de soirée,
Cdt

[hémicycliste]

up

[Walt]

Bonsoir,

Insérez à votre CSS le code suivant :

Code:

.post-entry ol, .post-entry ul {
    margin-left: 1.8em;
}

Cordialement,

[hémicycliste]

Merci infiniment !

Cordialement.