Rechercher : dans
Par :

HTML: cellule transparente

Dernière réponse le 23 déc 2008 à 10:56:56 raf, le 1 mai 2004 à 15:39:23 
 Signaler ce message aux modérateurs

Bonjour, pourai-je savoir comment rendre un cellule transparente, mais pas le texte qui y figue ?

Merci

Meilleures réponses pour « HTML: cellule transparente » dans :
[Excel] Colorer des cellules sur conditions VoirIl existe dans Excel des fonctions très pratiques mais peu connues et peu utilisées. Exemple : vous souhaitez qu'une cellule se colore automatiquement en rouge (ou autre mise en forme de police, de bordure, de trame) selon une condition : un...
[Webmaster] Afficher des PNG transparents dans IE 5.5 et IE 6 VoirLe problème Les PNG transparents permettent de faire de très beaux effets sur les pages web. Tous les navigateurs le supportent (Firefox, Opera, Konqueror, Safari, Camino...)... sauf Internet Explorer 5.5 et 6 ! (Internet Explorer 7, lui, supporte...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Listes et énumérations en HTML VoirLes listes Une liste est un paragraphe structuré contenant une suite d'articles. Le langage HTML définit trois types de listes : La liste ordonnée ; La liste non ordonnée ; La liste de définition. Liste ordonnée Conteneur Type de...
Tableur - Les cellules VoirLa notion de cellule On appelle "cellule" l'intersection entre une ligne (horizontale) et une colonne (verticale) de la feuille de calcul. Ainsi le nom de la ligne combiné au nom de la colonne donne les coordonnées d'une cellule (le terme d'adresse...

1

JC, le 1 mai 2004 à 17:17:40

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.

Répondre à JC

2

raf, le 1 mai 2004 à 18:57:06

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

Répondre à raf

3

www.edetmoi.com, le 1 mai 2004 à 19:39:21

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.

Répondre à www.edetmoi.com

4

raf, le 1 mai 2004 à 19:44:00

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...

Répondre à raf

5

www.edetmoi.com, le 1 mai 2004 à 20:08:11

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.

Répondre à www.edetmoi.com

6

krOll, le 26 déc 2006 à 21:07:34

Super pour la transparence du fond !
Par contre, le <span style="filter:alpha(opacity=100)">blabla</span> ne fonctionne pas.... (d'où sûrement le "normalement" ;-)).

Quelqu'un aurait une idée ?

Merci.

KrOll

Répondre à krOll

7

paps, le 27 sep 2007 à 23:41:52

Bonjour,
l'idée de www.edetmoi.com est tres bonne mais essaye un div en lieu et place du span

Répondre à paps

8

jérémy1664, le 28 sep 2007 à 11:16:22
  • +1

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é

Répondre à jérémy1664

9

JuJu, le 8 déc 2007 à 20:55:13

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 ?

Répondre à JuJu

10

Gihef, le 8 déc 2007 à 23:14:03
  • +1

Bonjour,

Une discussion précédente évoque le sujet.

--

Répondre à Gihef

11

Thib, le 23 mai 2008 à 18:50:02

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 ...

Répondre à Thib

12

Thib, le 23 mai 2008 à 18:54:09

Pardon je n'avais pas vu un message !!! Mon code rend les cellules totalemant transparente ! Pas translucides !
Je m'excuse !

Répondre à Thib

13

aminovitch, le 31 jui 2008 à 16:13:10

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.

Répondre à aminovitch

14

jp.bond, le 12 aoû 2008 à 16:49:40

Merci pour vos conseils...

juste un petit retour, la derniere astuce ne fonctionne pas sous Firefox

Répondre à jp.bond

15

earchide, le 22 déc 2008 à 21:37:26

Le code 'transparent' à la place du code couleur fonctionne (par ex à la place de '#000000'
Mais comment faire pour avoir une opacité ? (ex : 50%) sans utiliser de code pourri M$ type filter ??

Répondre à earchide

16

 pazz, le 23 déc 2008 à 10:56:56

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:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sr­c='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

Répondre à pazz
Collection CommentÇaMarche.net