Css : Fond transparent d'un tableau s'applique aux images

**Orionmel** · 29/06/2006, 22h12

Hello world,

Voilà mon problème. J'ai un site avec une image de fond. Je souhaite que les tableaux que j'utilise dans mon site soit semi transparent. Pas de problème, j'ai trouvé le code css permettant de le faire.

Petit problème, si je met une image dans le tableau, elle deviendra elle même transparente. C'est pas vraiment top. J'aiéssayé de créer une classe css avec une opacité de 1 et de l'appliquer à l'image, mais celle ci reste déséspérement transparente.

Quelque a une idée? Voici un exemple de page résumant le problème :

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
 
<!-- Test de page avec fond, tableau transparent et image -->
 
<html>
	<style type="text/css">
	<!--
		body{background-image:url(images/divers/fond_accueil.jpg); background-repeat:no-repeat;  color:#FFFFFF; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; text-align:center; font-size:10px;}
		td.tabTransparent{background-color:#3d3d3d; color:#FFFFFF; width:100%; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; border-style:solid; border-width:1px; border-color:black;}
	-->
	</style>
 
	<body>
	<table>
	<tr>
	<td class="tabTransparent">
		<img src="images/liens/aliveban.jpg" />
	</td>
	</tr>
	</table>
	</body>
</html>

Merci d'avance

**masu** · 29/06/2006, 22h59

Ton tableau ne serai pas la pour faire la disposition de ta page.
Utilise uniquement du css pour la présentation et laisse tombé le tableau.

**Orionmel** · 29/06/2006, 23h02

Ton message ne m'avance pas.

Si tu n'as pas de réponse, évite d'écrire un message inutile merci.

**masu** · 29/06/2006, 23h06

j'ecri ca parce que d'experience melanger le css et les tableau pour la présentation fait perdre beaucoup de temps.
C'etait un conseil que je te donnais pour contourner ton probleme.

**Orionmel** · 29/06/2006, 23h12

Redéveloppez un site terminé me prendra certainement plus de temps.

J'utilise des tableaux car je réutilise les fonctions pour mes sites depuis des années et elles sont toutes à base de tableau. En plus les tableaux ne sont pas encore interdits par les dernières normes w3c à ce que je sache

Quoi qu'il en soit, je ne veux pas que ce sujet devienne une confrontation tableau/css mais plutôt qu'on m'aide à trouver une solution car je dois rendre le site lundi

**masu** · 29/06/2006, 23h28

ton opacite doit-elle etre uniquement sur certaines cellules ou tout le tableau ?
Dans les cellules ou tu a une image y a t-il autre chose ?

**declique** · 03/07/2006, 09h51

Bonjour,

La couleur de fond ne s'hérite pas par défaut (voir http://stylescss.free.fr/background-color.html.
Donc je ne pense pas que le fond du tableau se retrouve sur l'image.
Il se peut que l'image elle-même ait un fond transparent (si c'est du gif ou du png). Dans ce cas on peut modifier l'image ou appliquer un fond blanc sur la cellule :
<TD Style="Background-Color:White">
ou sur l'image elle-même:
<IMG Src="..." Style="Background-Color:White">

J'espère avoir été utile.

**Auteur** · 03/07/2006, 10h07

-Je crois que tu confonds la couleur de fond de l'image (qui est en jpg au passage) et la couleur (background-color) du td. Le filtre donne un effet de transparence au background-color mais également à l'image toute entière.

Css : Fond transparent d'un tableau s'applique aux images

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager