PB css formatage d'un <ul>

Marsh Posté le 28-01-2005 à 12:18:32

J'essaye de formater une liste via css et ça passe bien sous Firefox mais pas sous IE...

Code HTML :

Code :

<ul class="listeDocuments">
<li><a href="doc1.html" >Document 1</a></li>
<li><a href="doc2.html" >Document 2</a></li>
<li><a href="doc3.html" >Document 3</a></li>
<li><a href="doc4.html" >Document 4</a></li>
</ul>

Code CSS :

Code :

.listeDocuments {
background-color: #FFFFC9;
width:75%;
min-width:400px;
overflow:auto;
margin-top:0px;
}

Sous IE, dès que <ul> a une class, les puces ne s'affichent plus...

J'ai aussi essayé d'ajouter l'attribut list-style-type:disc; mais ça n'a rien donné.

Quelqu'un aurait une idée ?

Message édité par Bidem le 28-01-2005 à 12:19:11

Marsh Posté le 28-01-2005 à 12:18:32

Marsh Posté le 28-01-2005 à 12:29:56

Oui, les puces ne s'affichent pas sous IE si la puce est située négativement par rapport à la marge de ton UL...

Marsh Posté le 28-01-2005 à 12:37:27

sans le width ca fonctionne, donc tu peux mettre ta liste dans un div pour régler la largeur

Message édité par soju le 28-01-2005 à 12:37:51

Marsh Posté le 28-01-2005 à 13:56:54

Hermes le Messager a écrit :

Oui, les puces ne s'affichent pas sous IE si la puce est située négativement par rapport à la marge de ton UL... :/

Ca m'a donné l'idée d'utiliser l'attribut list-style-position:inside;

Et ça marche :)

Par contre ça décale tout un peu vers la droite et j'ai du compenser en modifiant la position.

Le nouveau code CSS :

Code :

.listeDocuments {
background-color: #FFFFC9;
width:75%;
min-width:400px;
overflow:auto;
margin-top:0px;
list-style-position:inside;
position:relative;
left:-15px;
}

Merci pour l'aide.

Message édité par Bidem le 28-01-2005 à 13:57:36

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *