Discussion :

[grinder59]

Bonjour,

je suis en train de développer un agenda. Pour la partie calendrier, j'utilise un tableau dont voici le style.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
    table{width:100%;border-collapse:collapse;}    
    td{border:1px #aaaaaa dashed;border-right:0px;border-left:0px;padding:1px;vertical-align:top;font-size:7pt;width:14%;}
    .t{border-top:0px;font-weight:bold;text-align:center;font-size:8pt;padding:5px}
    .h{border-left:0px;border-top:0px;text-align:left;font-weight:bold;font-size:8pt;width:10px;padding:5px;line-height:20px;}
    .m{border-left:0px;text-align:right;font-size:6pt;width:10px;padding:5px;line-height:20px;}
    .p{border-top:1px #aaaaaa solid;}
    .cv{background:#efefef;}

Le problème est que les bordures verticales de mon tableau après être apparues au chargement de la page, disparaissent une fois que la page est chargée.

Apparemment, ce souci n'est présent que sous Fox et pas IE...

Quelqu'un auait-il une idée ?

Merci !!!

[BoudBoulMan]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border-right:0px;border-left:0px;

C'est logique que les bordures verticales disparaissent si tu le demandes

[grinder59]

oui, je me suis trompé en faisant mon copier coller.

le vrai style c'est ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
    table{width:100%;border-collapse:collapse;}    
    td{border:1px #aaaaaa dashed;padding:1px;vertical-align:top;font-size:7pt;width:14%;}
    .t{border-top:0px;font-weight:bold;text-align:center;font-size:8pt;padding:5px}
    .h{border-left:0px;border-top:0px;text-align:left;font-weight:bold;font-size:8pt;width:10px;padding:5px;line-height:20px;}
    .m{border-left:0px;text-align:right;font-size:6pt;width:10px;padding:5px;line-height:20px;}
    .p{border-top:1px #aaaaaa solid;}
    .cv{background:#efefef;}

Et les bordures apparaissent au chargement de page et disparaissent une fois la page chargée. Je me demande si c'est pas à cause des width qui prennent trop de place et qui, du coup, effacent les bordures. Y'a pas un moyen pour forcer les bordures ? leur donner "priorité" sur la taille des cases ?

[BoudBoulMan]

C'est étrange car j'ai créé une page avec ta feuille de style et les bordures ne disparaissent pas (du moins pour les classes ne demandant pas d'en supprimer tel que .p et .cv ou sans classe)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
	<table>
		<tr>
			<td class="h">Hello</td><td class="t">Hello</td><td class="t">Hello</td>
		</tr>
		<tr>
			<td class="m">Hello</td><td class="h">Hello</td><td>Hello</td>
		</tr>
		<tr>
			<td class="p">Hello</td><td class="h">Hello</td><td class="cv">Hello</td>
		</tr>
	</table>

le résultat est dans la pièce jointe