semi transparence d une image ds une page web

semi transparence d une image ds une page web - Graphisme

Marsh Posté le 06-06-2002 à 10:25:55    

j voudrai savoir s il est possible de cree des images semi transparentes ds une page.
en fait j est un fond d ecran a carreau, et pour mes news j voudrai ke le fond de mon cadre de news soit bleu et k on voi le fond cadrie deriere :p
plz help ;p
ou si vou avez des astuces sur ce genre de gfx :)

Reply

Marsh Posté le 06-06-2002 à 10:25:55   

Reply

Marsh Posté le 06-06-2002 à 10:37:58    

le format d'image png gere les transparences
 
ya peut etre moyen de t'en servir pour ca
 
mais je ne sais pas si tout les navigateurs internet l'acceptent
 
faudrait demander a "antp"

Reply

Marsh Posté le 06-06-2002 à 10:42:32    

[:cupra]  
 
ouais en effet c'est possible avec les images PNG 32 bits (8 bits définissant la transparence, les 24 restant pour la couleur RVB)
 
par contre c'est pas supporté par IE
 
Opera 6, Mozilla 1 / Netscape 6, IE 5 pour MAC, et quelques browsers sous Linux le supportent
 
MAIS il y a moyen de faire un truc compatible avec IE :
 
http://membres.lycos.fr/yhfr/png/
 
suffit de mettre le PNG normal si on utilise un browser autre que IE sous Windows, et d'utiliser une fonction spéciale si on utilise IE 5.5/6 sous Windows
 
c'est du bricolage, mais c'est la faute de Microsoft :D


Message édité par antp le 06-06-2002 à 10:45:06

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 06-06-2002 à 10:56:50    

kand on parle du loup  :D

Reply

Marsh Posté le 06-06-2002 à 10:59:58    

J'ai même pas fait une recherche, je suis tombé sur ce topic par hasard :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 06-06-2002 à 19:57:24    

ben mince j avais pas vu, c pile poil le topic qu il me faut !
 
moi aussi je veux des explication pour les nivo de transparence...
 
ce serait pour IE6, alors png ? gif ?

Reply

Marsh Posté le 07-06-2002 à 10:01:40    

Bhen PNG, t'as lu ce que j'ai écrit dans ce topic ? :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 07-06-2002 à 10:06:09    

ouai dslé  :sarcastic: , je faisais un bcp de chose a la fois et la lecture en diagonale et 1 mot sur 2 promis j arrete  :(

Reply

Marsh Posté le 07-06-2002 à 12:06:10    

en plus detaille avec le mode d emploi sa m aiderai :)
c ke j veu c voir mon fond d ecran a travers mes fenetre de news ki on un voile bleu en fond :>

Reply

Marsh Posté le 07-06-2002 à 12:26:00    

À la limite fais le truc avec des PNG transparents, ça marchera dans Opera et Mozilla, y aura plus qu'à ajouter au bon endroit les fonctions pour IE (j'espère - je sais pas si y a moyen de faire ça pour des fonds de cellules)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 07-06-2002 à 12:26:00   

Reply

Marsh Posté le 07-06-2002 à 12:34:18    

en fait je debute en php et je lute vraimen pour la mise en page de mes cadre de news la j fai des tablo avec des background ou j mi mes tablo jpg en 3 parti (haut milieu bas), et le text importe de la base mysql ds les cases du tablo, mai c vraimen crade et j trouve pa comment faire sa proprement :(
si kkun a des astuces
de plus j est dreamweaver et j le trouve nul, surtou pour le php

Reply

Marsh Posté le 07-06-2002 à 12:43:30    

moi j aime bien webexpert5 perso... paske ta plus le nez ds le code que ds le graph, puis le systeme des attributs c vraiment super, presque de la belle prog objet.

Reply

Marsh Posté le 07-06-2002 à 13:53:16    

déjà ce genres d'éléments graphiques c'est rare que ce soit bien en JPEG (compression avec perte), faut mettre ça en PNG (ou à la limite en GIF, mais ça n'a pas grand intérêt). Enfin si c'est déjà en JPEG ça sert à rien de convertir, faut reprendre l'image d'origine.


Message édité par antp le 06-07-2002 à 13:53:40

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 07-06-2002 à 14:14:45    

c une maquette donc aucun detaille n est develope, donc j peu refaire les images facilement
maintenant ou trouve la syntaxe ki gere la transparence O_o
et quel soft utilise pour develope tt sa (dreamweaver caca)  
et enfin comen bien metre en page mes news ds des beau cadre :)

Reply

Marsh Posté le 07-06-2002 à 14:17:19    

avec dreamweaver tu peut mettre les javascripts qui permettre la transparence, degradé transparent etc ...

Reply

Marsh Posté le 07-06-2002 à 15:45:03    

hardcoreroxor tu peu develope plus ? :p
plz mache moi le travaille en gros :)

Reply

Marsh Posté le 07-06-2002 à 16:48:01    

crevar a écrit a écrit :

ou trouve la syntaxe ki gere la transparence O_o




 
bhen sur le site que j'ai donné, tu regardes la source, c'est juste une ligne à mettre à la place du <img> si on est sous IE


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 07-06-2002 à 18:43:22    

Bien sur, comme c'est un truc microsoft, c'est zéro niveau normes, il vaut mieux essayer d'encourager des browsers comme mozilla plutot que d'utiliser des trucs aussi propriétaires.

Reply

Marsh Posté le 07-06-2002 à 21:14:52    

Bhen le mieux c'est de faire comme sur le site, un truc qui réagit selon le browser ... même si c'est stupide de la part de Microsoft de ne pas gérer directement les images à transparences. Les équipes de développement IE Mac devraient aller donner des cours aux équipes de développement IE Windows :o
 
Perso je n'utilise pas de PNG à transparences à cause de IE, parce que trop de monde a IE, dommage :(
Enfin mon site est en XHTML strict, et passe pareil sous tous les browsers version 5 & 6.


Message édité par antp le 06-07-2002 à 21:15:59

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-06-2002 à 08:32:56    

Je ne suis pas d'accord, c'est conforté ms dans son monopole des navigateurs, si tout le monde essaye de trouver des solutions pour contourner le probleme, ils ne se sentiront jamais obligé de faire un navigateur correct et imposeront a chaque fois de nouvelles extensions propriétaires au lieu d'essayer de respecter les normes.  
 
Si le png avait été bien supporté par ie dés le départ, il aurait été largement adopté grâce à ses qualités techniques et artistiques. Il y a quelques temps(plus ou moins à l'époque d'ie 5), je voulais faire un site beau graphiquement,  il était terrible('fin, pour mes qualités de graphistes:)), je l'avais fait sous mozilla qui le rendait parfaitement, à mon premier test sous ie, j'était dégouté et je l'ai recommencé entirement sans la moindre transparence. Aprés, j'ai attendu plusieurs versions d'ie et jamais aucune n'a rendu mon site correctement, il ne font aucun effort de leur coté à cause de gars comme moi qui font des affort pour contourner les problemes qu'ils créent. Maintenant, je fais des sites aux normes et avec des transparences, je ne vais pas me priver d'utiliser de bons formats à cause d'une boite pour qui leur monopole compte plus que leurs utilisateurs.

Reply

Marsh Posté le 08-06-2002 à 10:31:42    

ouais mais bon si je fais un site c'est pas pour que 95% des gens aient des problèmes à le voir correctement :/
(ok ça dépend du genre de site)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-06-2002 à 10:48:33    

antp a écrit a écrit :

ouais mais bon si je fais un site c'est pas pour que 95% des gens aient des problèmes à le voir correctement :/
(ok ça dépend du genre de site)  



Note bien quabnd même que le seul point commun entre IE Mac et IE Windows, c'est le nom. Car la page de glandium avec les PNG transparents et les CSS (http://glandium.org/html ) passe impeccablement avec IE Mac.
Si je voulais lancer un troll, je dirais que l'équipe IE Mac à piqué du code de Nozilla/Netscape. Sur de nombreux sites, la fnac.com par exemple, où les petits défauts graphiques sont particulièrement similaires entre IE Mac et Netscape 6.? Windows.

Reply

Marsh Posté le 08-06-2002 à 10:50:31    

Ah, tiens, j'avais pas vu la notice en bas de page :  Cette page ne fonctionne correctement que sur un navigateur basé sur Gecko (Netscape 6, Mozilla, Galeon...) ou Konqueror.
C'est sûr, ça ?

Reply

Marsh Posté le 08-06-2002 à 11:01:57    

J'ai jamais dit qu'il fallait s'amuser a chercher des fonctions pour le rendre inutilisable sous ie, mes sites passent sous ie mais il sont moins beau.  
 
Pour moi, ie n'est plus un obstacle pour utiliser les dernieres technologies du web. C'est a microsoft de s'adapter au web, pas l'inverse.

Reply

Marsh Posté le 08-06-2002 à 12:28:32    

c bon ils vont le fre, c pa nul IE, on verra surement ttes les maj attendues ds la prochaine version

Reply

Marsh Posté le 08-06-2002 à 12:45:23    

C'est depuis IE 4 qu'on les attends les PNG transparents...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-06-2002 à 12:51:47    

Masure a écrit a écrit :

c bon ils vont le fre, c pa nul IE, on verra surement ttes les maj attendues ds la prochaine version  



Et la marmotte, elle met le chocoalt, dans le papier alu.

Reply

Marsh Posté le 08-06-2002 à 12:56:03    

On attend le support de la couche alpha depuis la version 4, de css1 complet depuis la 5 et pour css 2 je me demande s'ils en soupçonnent l'existence. J'adore le respect qu'ils ont pour leur clients. La meilleure chose a faire est de laisser tomber ie et faire des sites aux normes.

Reply

Marsh Posté le 08-06-2002 à 13:16:22    

bon ok ok c pas le top IE, ct pour calmer le jeu, tlm sait que bon c pa super

Reply

Marsh Posté le 08-06-2002 à 19:34:11    

Si tu veux voir un exemple de site qui utilise lourdement les PNG transparents, va voir sur :
http://jmouette.nerim.net/


---------------
« No question is too silly to ask, but, of course, some are too silly to answer. » -- Perl book
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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