28173 sujets

CSS et mise en forme, CSS3

Salut à tous,

J'ai un petit problème concernant les hauteurs de mes cellules <td>

J'ai un tableau de 288px * 192px comprenant 216 cellules de 15*15 (12 lignes de 18 cellules).

J'ai eu beau essayer de définir mes hauteurs de cellules à 15px de haut, seul IE respecte cette propriété de mon css.

Je suis sûr d'avoir vu des posts évoquant ce problème, mais je ne me rappelle plus de la solution Smiley ohwell

Voici mon css :


#couleurWeb{
	width: 288px;
	height: 192px;
	margin: auto;
	background: url(../boutons/couleur256.php) no-repeat;
	border: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-collapse: collapse;
}

#couleurWeb tr{
}

#couleurWeb td{
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
	border: 0;
	border-collapse: collapse;
}

#couleurWeb td input{
	border: none;
	background: none;
	width: 15px;
	height: 15px;
	cursor: pointer;
}


Même en mettant !important, ça n'a aucun effet, je pense que c'est dû à un padding ou un saut de ligne dans mes cellules, mais je n'arrive pas à corriger le problème.

Voilà Smiley lol
Modifié par spirou (07 Feb 2006 - 18:26)
Bon, désolé, je viens de trouver comment règler mon problème, j'ai mis un line-height égal à la hauteur de ma cellule, il y avait un héritage d'un bloc parent que j'avais oublié et IE m'a induit en erreur dans la recherche du problème.