hello
j'aimerais savoir quelles sont les propriétés CSS qui permettent de mettre a un élément de background-color donné une semi transparence ou alphachannel ou je ne sais comment vous dites ça
 
voila si vous avez sous le cerveau n'hésitez pas à poster

dans mozilla c'est -moz-opacity
mais y a encore rien de standard

bin je code pour mozilla et pour IE5+ donc si tu avais l'astuce pour ie aussi ?
 
et si possible une exemple ou lien ?

ça existe pour IE mais je connais pas

y a moyen de s'en sortir pour tous les browsers:
 
* IE dispose d'un CSS non standard (FILTER: alpha(opacity=35))
* Opéra et moz supportent tous deux les png avec alpha transparence.
 
donc, en utilisant le bug de IE utilisé par tantek pour le modèle des boites, tu peux arriver à faire de la transparence pour tous.

Tiens, j'avais pas pensé à ça. Merci Gizmo, ça peut toujours servir.

yes mais la c pas vraiment pour les images que je cherche à fair ela transparence, mais vraiment pour des BACKGROUNDCOLOR de divs,
c peut etre la meme chose mais ... est ce la meme chose ???

tu peux arriver au même résultat mais ce n'est pas tout à faire la même chose pour la mise en place

regarde le site csse - the edge the eric meyer (guru des CSS au W3C)
 
y'a une section où y fait une démo des CSS et de ce qu'on peut faire avec...
 
regarde les codes...

<patapai>
Et une image de fond (GIF ou PNG) avec un pixel de couleur et un pixel transparent ?
</patapai>

Tiens, toi aussi tu es un pourfendeur de IE ?

ok j'ai pigé, puting comment que ca dechire ce truc!!!!! c ouf !!!
 
 
(lexemple de la follie:
 
.endzone {border-style:solid; border-width:1px; border-color:black; filter: alpha(opacity=20); -moz-opacity: 20%; background-color:red;}
 
)

Sinon, pour Opera, la propriété c'est "opacity" ce qui est Mal car étant une propriété non standard elle devrait précédée du préfixe -opera- (ou un truc dans le genre)

 
t'en est sur de cette fonction? parce que les css non standard qu'ils rajoutent commencent par -o- normalement, comme -o-link

pour IE va voir comment j'ai fait la :
 
http://iutrodez.levillage.org/mapa [...] harrysauce
 
les talbeaux sont transparants, s'il y a une image de fond on la voit pas transparence....

la tronche que ça a avec un browser autre que IE

possible, j'ai jamais vraiment regardé, tu peux m'envoyer un screen avec d'autres navigateurs (j'suis au boulot la), faudra qu'un jour je pense a faire un truc qui marche a peu pres partout

bah c'est déjà à cause des attributs bordercolor qui sont spécifiques à IE

si c'est juste ca encore c'est pas la mort....

non en effet ça devrait être vite corrigé
bon y a aussi bcp d'horreurs (<font> etc.) mais ça ne devrait pas gêner l'affichage
(sauf peut être avec l'ordre des héritages et le mélange CSS & <font> qui sont jamais terrible)

c'est pourtant bien pratique les <font>

je vois pas trop l'intérêt de foutre un <font face="bidule"> à chaque phrase plutôt qu'un  
 
p, li, td
{
  font-family: bidule;
}
 
à une seul endroit

le li je presume que c pour les listes, le td pour les cellules des tableaux, mais le p? C'est la page seule?
 
A ce moment la c'est vrai que c'est pas mal
mais un bon vieux <font color="#XXXXXX"> ou <font size="X"> ca restera irremplacable

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
une balise <p>< /p> ...qui veut dire paragraphe...
 
tu le fous dans quoi ton texte ???????
 
Edit : dans la CSS tu peux aussi foutre le font color...tu peux même faire des types comme dans Word ;  
 
genre titre, paragraphe...
 
tu fais une CSS qui précise pour chaque la taille, la font, la color du texte...
 
et après dans ton code t'a qu'à spécifier quel style tu veux appliquer : c ultra lisible, ca économie du texte, et c super puissant à réutiliser, si tu veux utiliser un layout proche sans réécrire tt le code..;si tu veux passer une page d'un style en dégradé de rouge à un syle noir gris blanc, t'a quà changer la CSS...
 
tu devrais essayer, c puissant...

ben en fait generalement qd je fais un site je fais tout en html normal puis apres je remplace par des variables en php, le contenu de ces variables étant stocké ds un fichier txt ou ds un bdd ca depend des cas....
c'est vrai que c'est peut etre un peu plus lent a l'execution mais c'est tout aussi puissant.....
 
PS : merci pour tes explications, j'avais jamais regardé a quoi ca ressemblait, maintenant je sais
Et puis je pense que mon prochain site je le ferai comme ca.....

 
t'es irrécupérable

 
je serai plutot irrationel en fait

sans aller jusqu'aux div+CSS pour la mise en page, les CSS c quand même indispensable pour pas se faire chier...sans parler du fait que ca fait un code excessivement propre et agréable à lire...

Ok, je m'en souviendrai, merci  

Mouais en fait j'ai l'impression qu'Opera 7 ne supporte pas opacity du tout donc le problème ne se pose pas Cf http://groups.google.com/

ben en fait j'ai une image en fond (a chaque chargement de la page ca en prend une au pif parmis 10), mais comme l'image est en local (pour que ca soit instantané a charger), vous ne pouvez pas la voir
tout ca pour dire que la couleur de fond, je la voie pas trop.....

J'ai un petit problème...
 
 
Voilà je veux faire un cadre semi-transparent pour du text formulaire et plein de chose ....
 
j'ai testé:
 
<div style="position:absolute;background-color:#66ccFF;filter:alpha(opacity=50)">
le_text</div>
 
Mais forcément le text et lui aussi semi-transparent. Et moi je veux que le fond.
 
Donc j'ai fait aussi:
 
<div style="position:absolute;background-color:#66ccFF;filter:alpha(opacity=50)">
<div style="position:absolute;filter:alpha(opacity=100)">le_text</div>
</div>
 
Mais la c le bug... soit sa change rien soit j'ai plus rien...
 
 
Help et merci

Ben c'est normal, c'est comme ça que fonctionne opacity. Tous les éléments contenus dans le DIV hériteront de la propriété d'opacité.
 
Eventuellement tu peux t'en sortir avec le positionnement absolu (tu positionnes un second DIV par dessus un premier qui a la propriété d'opacité ; mais le second DIV ne se trouve pas DANS le premier au niveau du code)
 
Sinon cherche dans le MSDN...

Le problème avec deux div c qui faut les ajuster...
 
Et moi j'ai du contenu dynamique avec un treemenu alors je crois que c pas possible. (enfin avec mon niveau de javascript )
 
ARG!

je me permets de mettre un lien vers un sujet identique traite en section graphisme: ici