Coloration des bords d'une case d'un tableau avec plusieurs couleurs.

Coloration des bords d'une case d'un tableau avec plusieurs couleurs. - HTML/CSS - Programmation

Marsh Posté le 19-11-2010 à 15:51:39    

Bonjour a tous.
 
je cherche un moyen pour colorer les cases d'un tableau dans une page en HTML.
 
Chaque cases du tableau peux avoir 4 couleurs différentes (arrète droite, du haut, de gauche et du bas).
 
est ce que quelqu'un saurais comment s'y prendre?

Reply

Marsh Posté le 19-11-2010 à 15:51:39   

Reply

Marsh Posté le 19-11-2010 à 16:03:20    

Reply

Marsh Posté le 20-11-2010 à 00:12:15    

si je comprends bien, faudrais faire un fichier CSS, et appliquer des style?
 
mais comment faire si je veux générer dynamiquement chaque couleur de bordure? il faudrait que je puisse appliquer 4 style à une seule case de tableau, mais quand j'ai éssayé ca ca n'a pas marché.
 
est ce que quelqu'un saurait comment rendre ça possible?
 
merci
 


Message édité par poly50 le 20-11-2010 à 10:15:33
Reply

Marsh Posté le 20-11-2010 à 10:44:07    

En mettant le CSS directement dans le HTML ?
 
<td style="border-top:3px solid rgb(234,56,89) ; border-right:3px solid rgb(124,200,7) ; border-bottom:3px solid rgb(89,148,4) ; border-left:3px solid rgb(45,0,235) ;">
    Contenu de la cellule...
</td>
 
Ça sera plutôt lourd comme code..
 
en PHP, créé une fonction qui te retourne une chaine de caractère "rgb(XX,XX,XX)" ou XX est un nombre entier entre 0 et 255 (généré au hazard ?), voir directement tout l'attribut style du td...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 27-11-2010 à 10:24:50    

abais a écrit :

En mettant le CSS directement dans le HTML ?
 
<td style="border-top:3px solid rgb(234,56,89) ; border-right:3px solid rgb(124,200,7) ; border-bottom:3px solid rgb(89,148,4) ; border-left:3px solid rgb(45,0,235) ;">
    Contenu de la cellule...
</td>
 
Ça sera plutôt lourd comme code..
 
en PHP, créé une fonction qui te retourne une chaine de caractère "rgb(XX,XX,XX)" ou XX est un nombre entier entre 0 et 255 (généré au hazard ?), voir directement tout l'attribut style du td...


solution plus simple :  
Déclarer en CSS les propritétés structurelles des TD en mettant une couleur de base au passage:  

Code :
  1. td(border:3px solid black;)


 
Ensuite sur le TD comme le dis abais, mettre un style, mais ne changer que le border color, en plus on peut déclarer toutes les couleurs en une seule déclaration.

Code :
  1. <td style="border-color:#112233 #445566 #778899 #AABBCC">....</td>


Les quatres valeurs correspondent respectivement à top, right, bottom, left


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed