Fond en couleur dégrader dans un tableau

Version imprimable

01/12/2007, 13h59
koKoTis

Fond en couleur dégrader dans un tableau

Bonjour, j'ai une page html avec un tableau, et je voudrai ajouter un dégrader de couleur en fond de ce tableau, mais je ne sais pas si cela est possible, sauriez vous me renseigner ?
01/12/2007, 14h01
Bisûnûrs

En utilisant une image que tu mets en background grâce au CSS.
01/12/2007, 14h05
MasterOfChakhaL

Salut,

Un lien qui pourrait t'être utile: Les cours CSS
01/12/2007, 14h05
koKoTis

Bonjour et merci beaucoup ;)

Mais justement je voudrai éviter de mettre une image :?
02/12/2007, 14h41
zabdaniel

tiens regarde là mais le faire avec une image me semble quand^même plus simple
http://www.developpez.net/forums/showthread.php?t=45334
02/12/2007, 14h47
koKoTis

Merci mauis moi c'est pas pour le fond de page mais pour une cellule de tableaux
03/12/2007, 07h23
blueice

Pas possible dans ce cas !

Bonjour,

Peut-être avec ça ?

Mais c'est Microsoft only !

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
26
27
28
29
30
31
32
 
<html>
 
<head>
 
</head>
 
<BODY>
<table>
	<tr>
		<td style="FILTER:
progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#afeeee
,endColorstr=#ffffff ,gradientType=0" bgColor=#ffffff scroll=yes>
			AAAAAAAAAA
			<br>
			AAAAAAAAAA
			<br>
			AAAAAAAAAA
			<br>
			AAAAAAAAAA
			<br>
			AAAAAAAAAA
			<br>
			AAAAAAAAAA
			<br>
			AAAAAAAAAA
		</td>
	</tr>
</table>
</body>
 
</html>

03/12/2007, 09h41
koKoTis

Merci beaucoup ;) mais ca ne fonctionne pas :?
03/12/2007, 10h26
pc75

Citation:

Envoyé par koKoTis

Merci beaucoup ;) mais ca ne fonctionne pas :?

Tu testes avec quel navigateur ?
03/12/2007, 10h31
koKoTis

Firefox

Mais il faut que ca marche avec IE et ferefox ;)
03/12/2007, 12h08
blueice

Alors pourquoi dire ca ne fonctionne pas :roll:
Ce n'est pas possible comme je l'ai indiqué plus haut.
03/12/2007, 12h51
Strix
Cher koKoTis,

Va falloir prendre une décision :mrgreen:
Deux choix s'offre à toi :
1. Créer ton dégradé avec une image;
2. Ne pas mettre de dégradé.
Il y a des fois (et même souvent), il n'y a pas 36 solutions pour faire un effet et il faut savoir prendre une décision.
03/12/2007, 13h06
koKoTis

Bon ben je vai faire une image

Merci encore à vous ;)
03/12/2007, 13h12
koKoTis

J'ai créer une image en dégrader, je les appliquer en fond de mon tableau, mais il me met un dégrader par cellulle, alor que je voudrai un seul dégrader pour tout le tableau, sauriez vous ce que je peut faire ?

Code:

1 2 3 4 5 <table id="degrade" border="1px" cellspacing="20" cellpadding="20"> <tr><td>Data</td></tr> <tr><td>Data</td></tr> <tr><td>Data</td></tr> </table>
Code:

1 2 3 table#degrade { background: url(degrade.jpg) repeat-y #FFF; }
J'ai mis une bordure ainsi qu'un cellspacing et un cellpadding importants pour que tu vois que c'est bien le tableau qui a un fond dégradé

03/12/2007, 15h27
koKoTis

encore merci ;)