HTML: cellule transparente
Résolu/Fermé
A voir également:
- Code couleur transparent html
- Code asci - Guide
- Somme si couleur - Guide
- Editeur html - Télécharger - HTML
- Code puk bloqué - Guide
- Excel couleur conditionnelle - Guide
15 réponses
Salut,
Par défaut les cellules d'un tableau sont transparentes
Ne donne sdonc pas de couleur à ta table, mais seulement aux cellulles à colorer. Les autres seront transparente et l'on verra la couleur (ou image) de fond.
Par défaut les cellules d'un tableau sont transparentes
Ne donne sdonc pas de couleur à ta table, mais seulement aux cellulles à colorer. Les autres seront transparente et l'on verra la couleur (ou image) de fond.
Salut,
Le style "filter" ne fait pas partie des standars CSS
Cela ne marchera que sous IE
Mais il est possible (normallement) d'obtenir ce type de résultats sur des images.
Je n'ai jamais essayé avec des cellules, mais peut-etre ainsi :
<td style="filter:alpha(opacity=20)">
A tester, si ce n'est pas déjà fait
Ed.
Le style "filter" ne fait pas partie des standars CSS
Cela ne marchera que sous IE
Mais il est possible (normallement) d'obtenir ce type de résultats sur des images.
Je n'ai jamais essayé avec des cellules, mais peut-etre ainsi :
<td style="filter:alpha(opacity=20)">
A tester, si ce n'est pas déjà fait
Ed.
Qd je parle de transparence, je pense à une couleur à travers laquelle on peut voir le fond de la page située derrière.
"filter:Alpha(opacity=65, style=0"
merci
"filter:Alpha(opacity=65, style=0"
merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
En fait je l'avais déja essayé mais le résultat rend aussi le texte dans la celluile transparent, j'aimerais que seul le fond du tableau soit transparent ...
Mais bon, peut-être que je demande l'impossible...
Mais bon, peut-être que je demande l'impossible...
Tout marche super bien chez moi, cependant seulement sous Internet Explorer...
Lorsque j'utilise FireFox (mon navigateur par défaut) l'opacité n'est pas prise en compte...!
Est-ce qu'il existe un moyen pour l'adapter pour FireFox ?
Lorsque j'utilise FireFox (mon navigateur par défaut) l'opacité n'est pas prise en compte...!
Est-ce qu'il existe un moyen pour l'adapter pour FireFox ?
Voici la solutuion:
Pour rendre une cellule d'un tableau transparente mais pas son contenu, il faut ajouter l'attribut style="position:relative" à la balise de ce dernier(le contenu).
Exemple :
Pour rendre une cellule transparente mais pas le lien qu'elle contient, nous procederons ainsi:
<html>
<head>
</head>
<body>
<table width="100" height="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="gray" style="filter:alpha(opacity=50)">
<a href="#" style="position:relative">Un lien opaque sur un fond translucide.</a>
</td>
</tr>
</table>
</body>
</html>
voila j'éspère que ça vous servira.
Pour rendre une cellule d'un tableau transparente mais pas son contenu, il faut ajouter l'attribut style="position:relative" à la balise de ce dernier(le contenu).
Exemple :
Pour rendre une cellule transparente mais pas le lien qu'elle contient, nous procederons ainsi:
<html>
<head>
</head>
<body>
<table width="100" height="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="gray" style="filter:alpha(opacity=50)">
<a href="#" style="position:relative">Un lien opaque sur un fond translucide.</a>
</td>
</tr>
</table>
</body>
</html>
voila j'éspère que ça vous servira.
salut,
il existe le png... sa gère la transparense, a par sur les version antérieur a ie7 mais il existe une solution pour contourner ce manque.
dans le css et dans la balise voulue mettre se code:
sinon avec filter:alpha sa marche pas mal mise a par qu'il est impossible d'enlever l'effet sur les fils pour mozila il y a un truc comme sa -moz-opacity:...;
voila
pazz
il existe le png... sa gère la transparense, a par sur les version antérieur a ie7 mais il existe une solution pour contourner ce manque.
dans le css et dans la balise voulue mettre se code:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='votre image');
sinon avec filter:alpha sa marche pas mal mise a par qu'il est impossible d'enlever l'effet sur les fils pour mozila il y a un truc comme sa -moz-opacity:...;
voila
pazz
Pour ne pas applique la transparence eu texte, rajoute autour du texte une balise span et place un style avec une transparence nulle :
<span style="filter:alpha(opacity=100)">blabla</span>
ainsi le texte ne sera pas transparent (normallement)
Ed.
<span style="filter:alpha(opacity=100)">blabla</span>
ainsi le texte ne sera pas transparent (normallement)
Ed.
jérémy1664
Messages postés
165
Date d'inscription
lundi 4 juin 2007
Statut
Membre
Dernière intervention
3 juillet 2008
4
28 sept. 2007 à 11:16
28 sept. 2007 à 11:16
Si tu veux que les cellules soit complètement transparentes tu peux utilise le style "transparent" mais il faut le mettre dans une feuille de style et pas dans le code html sinon ça ne marche pas avec FF par contre tu ne peux pas régler l'opacité
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
8 déc. 2007 à 23:14
8 déc. 2007 à 23:14
Bonjour,
Une discussion précédente évoque le sujet.
--
Une discussion précédente évoque le sujet.
--
Bonjour, j'ai peut-être une idée !
Si la couleur de fond était blanche, on avait le code suivant pour la case :
<TD bgcolor = "#FFFFFF">bla bla ....</TD>
(il peut y avoir autre chose après/avant la fonction bgcolor : cela ne change rien.)
Pour ne pas qu'il y ait de fond, remplacer par :
<TD bgcolor = ""> bla bla ... </TD>
(il peut y avoir autre chose après/avant la fonction bgcolor : ne changer que ça. Ou bien ajouter bgcolor = "" après TD si ce n'est pas écrit.)
Chez moi cela marche (Sur IE et sur Firefox)
Un peu compliqué à expliquer, mas bon ...
Bonne continuation ...
Si la couleur de fond était blanche, on avait le code suivant pour la case :
<TD bgcolor = "#FFFFFF">bla bla ....</TD>
(il peut y avoir autre chose après/avant la fonction bgcolor : cela ne change rien.)
Pour ne pas qu'il y ait de fond, remplacer par :
<TD bgcolor = ""> bla bla ... </TD>
(il peut y avoir autre chose après/avant la fonction bgcolor : ne changer que ça. Ou bien ajouter bgcolor = "" après TD si ce n'est pas écrit.)
Chez moi cela marche (Sur IE et sur Firefox)
Un peu compliqué à expliquer, mas bon ...
Bonne continuation ...
merci pour vos conseils...
juste un petit retour, la derniere astuce ne fonctionne pas sous Firefox
juste un petit retour, la derniere astuce ne fonctionne pas sous Firefox