28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me tourne vers vous pour un probleme de puce dans un tableau. Sous Internet Explorer, je n'ai aucun souci, mais sous Firefox, les puces ne vont pas dans la bonne colonne :

voici un rendu de mon tableau :

http://ffadventure.free.fr/table.JPG

Voici le code HTML correspondant à une partie de mon tableau :


<tr>
   <td>Head</td>
   <td>
      <ul>
         <li>Long and fine head with a square</li>
         <li>Wide forehead</li>
         <li>Long and thin ears</li>
         <li>A lively eye</li>
         <li>Straight nose and wide nostrils</li>
      </ul>
   </td>
</tr>


et le style li associé dans le css :


li
{
	list-style-type:circle;
	font-family: Courier New, Courier, mono;
	font-size: 11pt;
	color: #4C4C4C;
	text-indent:40px;
}


Merci à tous ceux qui pourront me fournir une réponse.

Slyv
Administrateur
Hello, voilà une question souvent posée. Tu auras de bonnes pistes en faisant une recherche dans le forum.

En général, il suffit de préciser la valeur des marges (margin / padding) de gauche dans la listes <ul> et les items <li>.

Bonne chance Smiley smile