Problemes avec Border

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:

---

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:

---

1 2 3 4

#cell1_3,#cell2_3,#cell3_3 { border-color:black; }

---

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:

---

1 2 3 4

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

---

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

Code:

---

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:

---

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:

---

1 2 3

.cell{ border : 1px solid black }

---

++

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

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:

---

1 2 3 4

border-left : 1px solid black border-right : 1px solid black border-top : 1px solid black border-bottom : 1px solid black

---

Ce serait effectivement la solution si je ne generais pas les cellules avec 2 boucles while(Cf. code php plus haut), mais ici je ne peux distinguer les cellules que par leur id.

Citation:

---

Envoyé par Mushrom

Ce serait effectivement la solution si je ne generais pas les cellules avec 2 boucles while(Cf. code php plus haut), mais ici je ne peux distinguer les cellules que par leur id.

---

Alors il faut générer ton code autrement ... ou revoir tes éxigences en terme d'affichage ;)

A+