Dégradé dans un tableau...

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Dégradé dans un tableau...

par mere-teresa » 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.

par heddicmi » 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...

par Cyrano » 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.

par heddicmi » 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...

Dégradé dans un tableau...

par heddicmi » 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/