Dégradé dans un tableau...

Mammouth du PHP | 568 Messages

28 sept. 2005, 17:38

Salut à tous !

:?: Question :?:

Voilà, s'il y a bien un truc pour lequel je suis pas à jour du tout, c'est tout ce qui est style et compagnie...

Alors je me demande :
Y a t-il moyen de mettre un fond dégradé sur une ou plusieurs cellules d'un tableau (sans images de fond)...

Merki \:D/
Heddi s'est remis à développer pour lui même !
Martina Hingis - Étoile du Tennis
Heddi v. 2007

Mammouth du PHP | 568 Messages

28 sept. 2005, 17:55

style='FILTER: 
progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#003366 
,endColorstr=#ffffff ,gradientType=0'
Voici le genre de truc qui pourrais faire son effet, mais pas totalement :
1 - Parceque c'est microsoft et que donc, sortie de IE, ça pue du cul...
2 - On ne peux l'appliquer que sur une cellule, ou un tableau complet...

Si on veux le faire trainer que sur une colone, on est de suite plus embêté, mais on s'en sort assez rapidement :
1 - Un tableau à une cellule avec le dégradé...
2 - Le vrai tableau à l'intèrieur avec un fond blanc à chaque cellules, sauf les cellules choisies...

Donc, le côté exclusivité IE reste LE problème... Si quelqu'un à une alternative...
Heddi s'est remis à développer pour lui même !
Martina Hingis - Étoile du Tennis
Heddi v. 2007

Mammouth du PHP | 19672 Messages

28 sept. 2005, 18:02

Sans image, ce n,est pas possible, à moins comme tu dis d'utiliser les trolls de Microsoft qui ne fonctionneront pas avec d'autres navigateurs

Mais pour une image d'arrière plan, tu n'as pas besoin d'avoir une image immense : elle a juste besoin d'avoir la largeur de la cellule si ton dégradé est horizontal de la gauche vers la droite sur mettons 2px de large, soit la hauteur de la cellule / 2px pour un dégradé du haut vers le bas. Et dans le background du CSS, tu précises background-repeat: repeat-x (pour une répéition de l'image sur l'axe horizontal) ou repeat-y (pour une répéition de l'image sur l'axe vertical).

Et l'image pèsera à tout casser 50 octets en png8 64 couleurs, c'est bien suffisant à priori.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Mammouth du PHP | 568 Messages

28 sept. 2005, 18:15

Oui, mais ça devient tous de suite compliqué si (bon je vais pas faire un dessin, c'est toujours chiant) :

X X X
X Y X
X Y X

J'ai un tableau variable avec les Y qui doivent prendre un dégradé commun (qui va de haut en bas) et sur les 2 cellules...

Il faudrait alors déterminer la hauteur du tableau (non connu puisque variable suivant le nombre de lignes), faire un dégradé (en fait, dans le même principe que ce que j'avais pu dire au dessus avec un 1er tableau avec le dégradé, puis le tableau devant avec des fonds blancs, sauf pour la colonne souhaité...

Mais nouvelle question :
Comment déterminer la hauteur du tableau :?:

PS : Putain de client...
Heddi s'est remis à développer pour lui même !
Martina Hingis - Étoile du Tennis
Heddi v. 2007

Modérateur PHPfrance
Modérateur PHPfrance | 6037 Messages

29 sept. 2005, 10:25

Pour ma part, j'imaginerais plutôt une solution avec des images de fond. Voire une seule image de fond.

En t'inspirant des tutoriaux de Pompage.net sur les portes coulissantes et le design elastique pour deplacer l'image de fond et n'afficher qu'une partie de celle-ci (selon si c'est la cellule "du haut" ou "du bas" contenant des Y, et garder une souplesse.
Règle n°2 du webmaster : Toujours commencer par le HTML qu'on veut obtenir....toujours ! :priere:
J'aime apprendre de nouvelles choses.