[CSS] aligner <table> border top/bottom

Fermé

stpunky Messages postés 24 Date d'inscription jeudi 3 avril 2008 Statut Membre Dernière intervention 19 février 2010 - 11 août 2008 à 16:09
stpunky Messages postés 24 Date d'inscription jeudi 3 avril 2008 Statut Membre Dernière intervention 19 février 2010 - 14 août 2008 à 10:26

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:

[CSS] aligner <table> border top/bottom
Table ascii - Guide
Table des matières word - Guide
Top site telechargement - Accueil - Outils
Css lien non souligné - Astuces et Solutions
Table des annexes word ✓ - Forum Word

3 réponses

Réponse 1 / 3

Utilisateur anonyme
11 août 2008 à 18:37

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.

Réponse 2 / 3

stpunky Messages postés 24 Date d'inscription jeudi 3 avril 2008 Statut Membre Dernière intervention 19 février 2010 5
12 août 2008 à 09:01

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.

Utilisateur anonyme
13 août 2008 à 17:07

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é.

Réponse 3 / 3

stpunky Messages postés 24 Date d'inscription jeudi 3 avril 2008 Statut Membre Dernière intervention 19 février 2010 5
14 août 2008 à 10:26

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.

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Top Model International : arnaque ?

Intégrer une table des annexes et des matières sur word

Arnaque book photo Top model International ?

trait horizontal avec du css