Discussion :

[Mushrom]

Bonjour a tous,
j'ai quelques soucis pour afficher des bordures dans une table .

En effet, j'essaie d'afficher seulement certaines bordures en utilisant les id des cellules pourtant aucune bordure ne s'affiche.

Je ne vois pas ce qui ne fonctionne pas dans le code ci-dessous.

Merci de votre aide.


Voici le php :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table id="terrain"  >
 
<?php for ($i=1;$i<28;$i++){ ?>
<tr height="13px" >
<?php for ($j=1;$j<16;$j++){?>
 
<td width="10px"  id="<?php echo "cell".$j."_".$i; ?>"> </td>
 
<?php } //fin for?>
</tr>
<?php } //fin for?>
 
</table>

Voici le CSS associe :

Code css :

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

1
2
3
4
#cell1_3,#cell2_3,#cell3_3
{
border-color:black;
}

[Bisûnûrs]

On ne veut pas de ton PHP, merci de donner le code généré.

Pour appliquer une bordure en CSS il faut 3 éléments :
La couleur, le style, la taille.

Code :

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

1
2
3
4
#cell1_3,#cell2_3,#cell3_3
{
border:1px solid black;
}

[Mushrom]

J'ai spécifié type couleur et taille pour la bordure mais ca ne change rien.


Voila le code generé :


<table id="terrain" >

<tr height="13px" >

<td width="10px" id="cell1_1" onclick="javascript:selection('cell1_1');" onmouseover="javascript:afficher_joueurs(event,'cell1_1')" onmouseout="javascript:HideBulle()"></td>


<td width="10px" id="cell2_1" onclick="javascript:selection('cell2_1');" onmouseover="javascript:afficher_joueurs(event,'cell2_1')" onmouseout="javascript:HideBulle()"></td>


<td width="10px" id="cell3_1" onclick="javascript:selection('cell3_1');" onmouseover="javascript:afficher_joueurs(event,'cell3_1')" onmouseout="javascript:HideBulle()"></td>


etc ..............


</tr>
<tr height="13px" >

<td width="10px" id="cell1_2" onclick="javascript:selection('cell1_2');" onmouseover="javascript:afficher_joueurs(event,'cell1_2')" onmouseout="javascript:HideBulle()"></td>

etc ...........

[musicann]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
<table id="terrain"  >
 
<tr height="13px" >
 
<td width="10px"  id="cell1_1" onclick="javascript:selection('cell1_1');" onmouseover="javascript:afficher_joueurs(event,'cell1_1')" onmouseout="javascript:HideBulle()"></td>
 
 
<td width="10px"  id="cell2_1" onclick="javascript:selection('cell2_1');" onmouseover="javascript:afficher_joueurs(event,'cell2_1')" onmouseout="javascript:HideBulle()"></td>
 
 
<td width="10px"  id="cell3_1" onclick="javascript:selection('cell3_1');" onmouseover="javascript:afficher_joueurs(event,'cell3_1')" onmouseout="javascript:HideBulle()"></td>
 
 
etc ..............
 
 
</tr>
<tr height="13px" >
 
<td width="10px"  id="cell1_2" onclick="javascript:selection('cell1_2');" onmouseover="javascript:afficher_joueurs(event,'cell1_2')" onmouseout="javascript:HideBulle()"></td>
 
etc ...........

pourquoi ne mets tu pas une classe à tes tr ??? genre comme ça

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
 
<table id="terrain"  >
 
<tr height="13px" >
 
<td width="10px"  class="cell" onclick="javascript:selection('cell1_1');" onmouseover="javascript:afficher_joueurs(event,'cell1_1')" onmouseout="javascript:HideBulle()"></td>
 
 
<td width="10px"  class="cell" onclick="javascript:selection('cell2_1');" onmouseover="javascript:afficher_joueurs(event,'cell2_1')" onmouseout="javascript:HideBulle()"></td>
 
 
<td width="10px"  class="cell" onclick="javascript:selection('cell3_1');" onmouseover="javascript:afficher_joueurs(event,'cell3_1')" onmouseout="javascript:HideBulle()"></td>
 
etc...

et dans le css

Code :

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

1
2
3
.cell{
    border : 1px solid black
}

++

[Mushrom]

Je ne mets pas de classe car je ne veux pas mettre de bordures partout, seulement sur certains cotes de certaines cellules.

[musicann]

bin en faisant comme je t'ai marqué tu auras les border que sur les cellules avec pour nom class="cell"
et si tu veux qu'il y ait un côté "borduré" tu met

Code :

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

1
2
3
4
border-left : 1px solid black
border-right : 1px solid black
border-top : 1px solid black
border-bottom : 1px solid black