28172 sujets

CSS et mise en forme, CSS3

Bug Firefox : les puce de type square, sont déformée

Hello,

Je ne sais pas si il existe une solution mais sous firefox seulement les puces de type square sont déformées.

upload/4974-Untitled-1.gif
Modifié par gforce (20 Aug 2009 - 17:18)
Bonsoir gforce,

J'approuve ce qu'a dit Laurie-Anne, il faut que tu nous montres ton code XHTML et ton code CSS pour que l'on puisse essayer d'identifier la source du problème.
Une simple image, c'est bien, mais ce n'est pas assez descriptif et ça ne contient pas assez d'éléments Smiley cligne .

Pour ma part, j'ai rapidement testé avec ces codes et je ne constate aucune déformation des carrés.

Code de la page XHTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Les listes</title>
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
	</head>
	
<body>

	<div id="menu">
	<h3>Titre</h3>
		<ul>
			<li><a href="#" title="Aller à la page...">Lien</a></li>
			<li><a href="#" title="Aller à la page...">Lien</a></li>
			<li><a href="#" title="Aller à la page...">Lien</a></li>
			<li><a href="#" title="Aller à la page...">Lien</a></li>
			<li><a href="#" title="Aller à la page...">Lien</a></li>
			<li><a href="#" title="Aller à la page...">Lien</a></li>
		</ul>
	</div>
			
</body>
</html>


et le CSS :


/* CSS */

ul li {
	list-style-type: square;
}

Code testé sous Firefox et Internet Explorer 8 et, la taille des carrés varie selon les navigateurs mais on ne constate pas de carrés plus ou moins gros comme le montre ton image.

Voilà.
Modifié par jQz (20 Aug 2009 - 23:34)
Sujet clos
Aller à