High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

[CSS] aligner <table> border top/bottom

Dernière réponse le 14 aoû 2008 à 10:26:25 stpunky, le 11 aoû 2008 à 16:09:03 
 Signaler ce message aux modérateurs

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.

Meilleures réponses pour « [CSS] aligner border top/bottom » dans :
Les feuilles de style VoirPropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Tableau de bord VoirNotion de tableau de bord Un tableau de bord est une représentation graphique synthétique d'un ensemble d'indicateurs donnant à un responsable tous les éléments lui permettant de prendre visuellement et rapidement des décisions. Compte-tenu de sa...
Posez votre question Répondre

1

giheller, le 11 aoû 2008 à 18:37:19

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. JL,  m'enfin c'est juste mon avis @+
se faire aider, n'est pas faire faire son travail

   
Répondre à giheller

2

stpunky, le 12 aoû 2008 à 09:01:51

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.

Linux ubuntu

   
Répondre à stpunky

3

giheller, le 13 aoû 2008 à 17:07:56

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é. JL,  m'enfin c'est juste mon avis @+
se faire aider, n'est pas faire faire son travail

   
Répondre à giheller

4

 stpunky, le 14 aoû 2008 à 10:26:25

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.
Linux ubuntu

   
Répondre à stpunky
Posez votre question Répondre
Ils ont besoin de votre aide