[RESOLU] Liste rognée

Hello !

Je mets en page un site avec un super et long sommaire...
Mon stress, c'est que ma liste, qui est en chiffre romains (couleur verte) vers le bas, est soit

supperposée au titre quand le postionnement de ma liste est paramètrée à l'intérieur

soit rognée si la liste est paramètrée à l'extérieur...
ici

Une idée pour arranger ce "rognage"?

Firefox Mac et Pc = ok
Safari OK
IE PC Liste supperposée ...

En pleine dépression .. m'a déjà fallu un an pour faire ma liste ...
Modifié par FranZz (13 Mar 2008 - 16:02)

Je serais ravi de tenter de t'aider mais j'ai rien compris
Pourrais-tu illustrer ton propos par un screenshot par exemple ?

Pas facile de clarifier... mais bon, reprenons !

Lorsque tu vas sur le lien renseigné au dessus, il y a un super long sommaire ok ? Les chiffres romains en vert, tu vois?
A la fin de la liste, il y a des XIV ou des XVIII ok ?

Hé bien ces chiffres Romains sont rognés (je veux dire couppés sur la gauche), ...

Pas évident de l'exprimer, je vais envoyer un visu... Mais en attendant, tu peux aller mater sur ma page, tu t'en rendras compte par toi même ( IE )

Merci !

Donc, sous Safari et Firefox c'est ok, la liste se positionne bien


Sous IE lorsque la liste est, dans les propriétés, placée à l'extérieur c'est à dire

list-style-position:outside;

Les chiffres Romains sont rognés de l'extérieur


Sous IE lorsque la liste est, dans les propriétés, placée à l'intérieur c'est supperposition texte et liste


Et donc ma page est en ligne (1 er post ) pour les motivés !
Y'a des Commentaires conditionnels pour cela?.....
Modifié par FranZz (13 Mar 2008 - 14:45)

Hello Ghost !! Bienvenu dans mes soucis........

En fait,quand je mets un inside, ça me rogne mon XVIII ( figure 2 )

Quand je mets outside, ça supperpose le XVIII et le titre lui même ! ( figure 3 )

Je viens d'essayer en fait.....

[EMBROUILLAGE]
SOUS Firefox, c'est pas ok pour le moment, car je viens de mettre comme propriété"inside" à ma puce , et quand elle est en inside, sous FF, ça rogne aussi !!!
Modifié par FranZz (13 Mar 2008 - 14:50)

Bonjour FranZz,

Décidemment tu ne t'en sors pas de cette liste...

Il me semble qu'en spécifiant une marge et un padding aux liens contenus dans ta liste tu puisses obtenir quelques chose de cohérent, position inside dans mon exemple :

ol.romain {
color:#009FB8;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:19px;
list-style-type:upper-roman;
list-style-position:inside;
}
ol.romain a {
margin-left:30px;
padding-left:5px;
}  

Modifies à ta convenance ces données, mais a priori cela semble "fonctionner"...reste à voir l'homogénéité...

Une autre piste : en mettant les marges et padding à zéro (*{margin:0; padding:0;}) et en retravaillant spécifiquement les espacements ?

Bon courage,
Cdt,
Sylvain

Hellouppe et Woop!

Pas la peine d'enfoncer le couteau ! de toute manière t'es déjà passé à travers.

Je teste cela !

Salut,

IE ne semble pas prendre en considération l'élargissement les puces en romain

Une solution consisterait à passer en list-style-position:outside; avec un margin arbitraire de 40px (peut être mieux en em ?) sur tes <li> pour rattraper le rognage à droite à voir!

ol.romain li {
margin-left: 40px;
}

Les deux méthodes fonctionnent.

C'est CLAIREMENT un pas en avant!

Je vais maintenant ajuster afin que cela se rapproche le plus de ce que je souhaite.

SYMPAAAAAAAAAAAAAAAA

Modifié par FranZz (13 Mar 2008 - 16:27)