[CSS] aligner <table> border top/bottom

stpunky Messages postés 24 Date d'inscription   Statut Membre Dernière intervention   -  
stpunky Messages postés 24 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Certaine cellules ont un border-top et d'autres un border-bottom cependant celle-ci ne sont pas alignés.

Un code du même type pour exemple :


<table cellspacing="0" cellpadding="0">
	<tr>
		<td style="border-left:#000000 3px solid; border-right:#000000 3px solid; border-top:#000000 3px solid;" height="22px" width="80px">
			text1
		</td>
		<td style="border-right:#000000 3px solid; border-top:#000000 3px solid;" height="22px" width="80px">
			text2
		</td>
		<td style="border-right:#000000 3px solid; border-top:#000000 3px solid; border-bottom:#000000 3px solid;" height="22px" width="80px">
			text3
		</td>
	</tr>
	<tr>
		<td style="border:#000000 3px solid;" height="22px" width="80px">
			text1
		</td>
		<td style="border-right:#000000 3px solid; border-top:#000000 3px solid; border-bottom:#000000 3px solid;" height="22px" width="80px">
			text2
		</td>
	</tr>
</table>


Le problème se pose sous IE6 ainsi que sous firefox. Une solution pour ie6 uniquement ferait l'affaire.

Merci d'avance pour votre aide.
A voir également:

3 réponses

Utilisateur anonyme
 
Bonsoir

les border font partie de la cellule. le border bottom du text3 est dans la cellule de la première ligne
pour les cellules texté et texte2 de la première ligne il n'y a pas de bordure en bas, c'est celles de la deuxième ligne que l'on voit.
0
stpunky Messages postés 24 Date d'inscription   Statut Membre Dernière intervention   5
 
Bonjour,

Oui c'est ce que je pensai, mais il me semble qu'il y ai un moyen de confondre les bordures de tableau enfin qu'elle soit au même niveau.

J'ai cherché mais a par le border-spacing et le border-collapse qui n'ont pas résolu mon probleme je n'ai rien trouvé.

Pour le moment je contourne le problème à l'aide de mon scipt php mais à l'avenir si une réponse a un problème de ce type me permatrai d'optimiser.

Merci d'avance.
0
Utilisateur anonyme
 
Bonjour,

<table border='1'> mettra des bordures partout, mais alors la cellule vide sera encadrée, peut être que ce n'est pas l'effet escompté.
0
stpunky Messages postés 24 Date d'inscription   Statut Membre Dernière intervention   5
 
Le probleme n'est pas d'afficher des bordures mais plutot d'alligner un border bottom et un border top affin qu'il soit au même niveau. Et qu'il n'y ai pas de decalage permeterai d'optimiser mon script php.
0