Effet de transparence sur fond de tableau mais pas sur le texte

Effet de transparence sur fond de tableau mais pas sur le texte - Web design - Graphisme

Marsh Posté le 02-02-2003 à 16:11:02    

j'aimerai obtenir un effet de transparence sur le fond d'un tableau(pour voir un peu le background) mais faire en sorte que cette transparence ne s'applique pas sur le texte afin qu'il reste lisible :  
http://site.voila.fr/planet_games/blabla/css1.JPG
sans transparance
http://site.voila.fr/planet_games/blabla/css2.JPG
avec transparance
 
(l'effet de transparance est  en css)

Reply

Marsh Posté le 02-02-2003 à 16:11:02   

Reply

Marsh Posté le 02-02-2003 à 16:13:43    

Si tu ne veux pas utiliser les css, je ne vois pas 36 solutions:
 
- damier gif bi-color gris/transparent (effet visuel bof bof)
- png avec alpha transparence (au revoir IE...)

Reply

Marsh Posté le 02-02-2003 à 16:15:13    

gizmo a écrit :

Si tu ne veux pas utiliser les css, je ne vois pas 36 solutions:
 
- damier gif bi-color gris/transparent (effet visuel bof bof)
- png avec alpha transparence (au revoir IE...)


ah oué pas de solutions radicales donc :'(
 
edit:mais si j'veux bien utiliser le css,justement j'y arrive pas avec le css :)


Message édité par ThorgaI le 02-02-2003 à 16:15:59
Reply

Marsh Posté le 02-02-2003 à 16:16:31    

ben si dans ta css de typo tu précise un background juste pour le texte ?
 
ps : on écrit accueil, et pas acceuil.

Reply

Marsh Posté le 02-02-2003 à 16:21:17    

lorelaii a écrit :

ben si dans ta css de typo tu précise un background juste pour le texte ?
 
ps : on écrit accueil, et pas acceuil.


j'ai pas tout à fait compris?
j'ai un background css pour la "case" ou est mon texte,si j'utilise l'effet alpha,qui s'applique au texte et au background...
 
edit:oops,je vais corriger ca^^


Message édité par ThorgaI le 02-02-2003 à 16:22:57
Reply

Marsh Posté le 02-02-2003 à 16:42:03    

tu n'applique la css qu'a ton texte.
mais franchement, c'est du bricolage.
 
si ton bloc n'est pas amené à bouger dans la page, voilà un compromis :
dans http://www.pointdex.com
les éléments du sommaire sont sur un rectangle qui semble semi-transparent. (mais c'est une image en fond de calque)

Reply

Marsh Posté le 02-02-2003 à 16:48:15    

lorelaii a écrit :

tu n'applique la css qu'a ton texte.
mais franchement, c'est du bricolage.
 
si ton bloc n'est pas amené à bouger dans la page, voilà un compromis :
dans http://www.pointdex.com
les éléments du sommaire sont sur un rectangle qui semble semi-transparent. (mais c'est une image en fond de calque)


Mais si je naplique le css ka mon texte,c mon texte qui restera transparent,moi je veux seulement que ca soit le background du trableau qui soit transparent.
 
Oui je voudrait obtenir le mm effet que sur pointdex mais sans image,ca serait trop compliké apres ;)
 
mais bon je demande peut etre l'impossible :O

Reply

Marsh Posté le 02-02-2003 à 16:58:01    

dans mon vieux dreamweaver g pas d'alpha dans les css.
 
la seule soluce que je vois c'est ça :/ :
 
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FF3333}
-->
</style>
</head>
 
<body bgcolor="#CC3333" text="#000000">
<table width="250" border="0" cellspacing="0" cellpadding="0" height="200">
  <tr>
    <td><span class="texte">toto</span></td>
  </tr>
</table>
</body>
</html>

Reply

Marsh Posté le 02-02-2003 à 17:12:08    

g trouvé"  :lol:
ct trop con
en fait dans les proprieté d'alpha du css y'a pleins d'option :
il suffit de tt les virer  
tu laisse Alpha(Opacity="X" )  
et c'est bon :sarcastic:  
merci qd meme pour ton aide !! :D  
http://site.voila.fr/planet_games/blabla/css3.JPG
A+ :hello:

Reply

Marsh Posté le 02-02-2003 à 17:24:22    

file moi le code complet au moins :o

Reply

Marsh Posté le 02-02-2003 à 17:24:22   

Reply

Marsh Posté le 02-02-2003 à 18:53:26    

lorelaii a écrit :

file moi le code complet au moins :o


oui monsieur :jap: :D

Citation :

.news {
 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 border: 1px dotted #333333;
 background-color: #CCCCCC;
 filter: Alpha(Opacity="65" )
}


Message édité par ThorgaI le 02-02-2003 à 18:54:06
Reply

Marsh Posté le 02-02-2003 à 18:56:49    

merci
 
ps : je suis une fille ;)
 
ps2: ça marche pas dans mon navigateur :/


Message édité par lorelaii le 02-02-2003 à 19:01:18
Reply

Marsh Posté le 02-02-2003 à 19:31:43    

lorelaii a écrit :

merci
 
ps : je suis une fille ;)
 
ps2: ça marche pas dans mon navigateur :/


derien
 
je savais pas desolé  :D  
 
merde, mozilla?

Reply

Marsh Posté le 02-02-2003 à 20:11:26    

non, ie 5 sous mac...  et netscape 4.7 sous mac aussi. (mais netscape c'est moins grave :D)

Reply

Marsh Posté le 02-02-2003 à 22:04:35    

lorelaii a écrit :

non, ie 5 sous mac...  et netscape 4.7 sous mac aussi. (mais netscape c'est moins grave :D)


merde,en tant qu'ancien macintosh user ca me fait un peu chier...
Mais i.e 6 n'est pas sorti sur mac encore? Ou tu reste sous os8 ou 9?

Reply

Marsh Posté le 02-02-2003 à 23:57:32    

il n'ont pas sortir ie6 pour mac...
je suis sous OS9 encore, j'ai peur que tous mes softs deviennent obsolètes sous X :/

Reply

Marsh Posté le 03-02-2003 à 21:12:24    

lorelaii a écrit :

il n'ont pas sortir ie6 pour mac...
je suis sous OS9 encore, j'ai peur que tous mes softs deviennent obsolètes sous X :/
 


oui moi c ce qui m'est arrivé (la chute de mon imac de 1m30 a aussi fortement aidé) et c pour ca que j'ai acheté un pc. J'ai plus les moyen de mettre 12000francs dans un mac

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed