Fond en couleur dégrader dans un tableau

**koKoTis** · 01/12/2007, 13h59

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 ?

**Bisûnûrs** · 01/12/2007, 14h01

En utilisant une image que tu mets en background grâce au CSS.

**MasterOfChakhaL** · 01/12/2007, 14h05

Salut,

Un lien qui pourrait t'être utile: Les cours CSS

**koKoTis** · 01/12/2007, 14h05

Bonjour et merci beaucoup

Mais justement je voudrai éviter de mettre une image

**zabdaniel** · 02/12/2007, 14h41

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

**koKoTis** · 02/12/2007, 14h47

Merci mauis moi c'est pas pour le fond de page mais pour une cellule de tableaux

**blueice** · 03/12/2007, 07h23

Pas possible dans ce cas !

**pc75** · 03/12/2007, 08h26

Bonjour,

Peut-être avec ça ?

Mais c'est Microsoft only !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**koKoTis** · 03/12/2007, 09h41

Merci beaucoup

mais ca ne fonctionne pas

**pc75** · 03/12/2007, 10h26

Envoyé par koKoTis

Merci beaucoup

mais ca ne fonctionne pas

Tu testes avec quel navigateur ?

**koKoTis** · 03/12/2007, 10h31

Firefox

Mais il faut que ca marche avec IE et ferefox

**blueice** · 03/12/2007, 12h08

Alors pourquoi dire ca ne fonctionne pas

Ce n'est pas possible comme je l'ai indiqué plus haut.

**Strix** · 03/12/2007, 12h51

Cher koKoTis,

Va falloir prendre une décision

Deux choix s'offre à toi :

Créer ton dégradé avec une image;
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.

**koKoTis** · 03/12/2007, 13h06

Bon ben je vai faire une image

Merci encore à vous

**koKoTis** · 03/12/2007, 13h12

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 ?

**Strix** · 03/12/2007, 13h43

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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é

**koKoTis** · 03/12/2007, 15h27

encore merci

Fond en couleur dégrader dans un tableau

HTML

Discussions similaires

Partager

Partager