Je cherchais à faire un petit effet ombre discret, et je regardais sur
un site comment ils avaient fait.
Armé de mon FF favori, je charge la page et je vois qu'avec de css ils
mettent l'image de l'ombre en background d'un span avec un beau png.
Super... je fais mon petit truc. Et comme je ne dispose pas de msie6
(ben oui MacOSX, y pas)... je demande à un pote de tester et horreur pas
d'ombre jolie, mais un infame truc gris.
Je lui demande de regarder sur IE sur le site d'origine
Et là hop une belle ombre.
Après moulte réflexions et examen de code : ben pour IE ils ont fait des
ombres en non transparent et donc autant d'ombres que de couleurs de
fond...
Bon... c'etait la surprise du dimanche... je retourne coder.
FiLH
--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
Il devrait y avoir une ombre délicate derrière les images...
Pas d'ombre avec IE 5.0 Windows.
-- A'tchao
Le Fou http://perso.club-internet.fr/ehiller/ http://club.exocet.free.fr/ http://www.ffessm-cd84.com/
filh
Thibaut Allender wrote:
On 20/03/2005 16:32, FiLH wrote : > Merci pour les explications... j'avais pas noté pour le _background > Heu... ça marche là ? > http://www.filh.org/Tiques/essai.htm > Il devrait y avoir une ombre délicate derrière les images...
ça m'a l'air d'être tout bon : http://temp.capsule.org/test_ie_filh.png
Par contre je trouve un bug bien chiant sous FF : Si une image est coupée à cause de la largeur de la fenêtre, alors l'image de fond n'est pas rafraîchie correctement quand on maneuvre l'ascenseur horizontal.
-- Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle. Roland Barthes. http://www.filh.org
On 20/03/2005 16:32, FiLH wrote :
> Merci pour les explications... j'avais pas noté pour le _background
> Heu... ça marche là ?
> http://www.filh.org/Tiques/essai.htm
> Il devrait y avoir une ombre délicate derrière les images...
ça m'a l'air d'être tout bon :
http://temp.capsule.org/test_ie_filh.png
Par contre je trouve un bug bien chiant sous FF :
Si une image est coupée à cause de la largeur de la fenêtre, alors
l'image de fond n'est pas rafraîchie correctement quand on maneuvre
l'ascenseur horizontal.
--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
On 20/03/2005 16:32, FiLH wrote : > Merci pour les explications... j'avais pas noté pour le _background > Heu... ça marche là ? > http://www.filh.org/Tiques/essai.htm > Il devrait y avoir une ombre délicate derrière les images...
ça m'a l'air d'être tout bon : http://temp.capsule.org/test_ie_filh.png
Par contre je trouve un bug bien chiant sous FF : Si une image est coupée à cause de la largeur de la fenêtre, alors l'image de fond n'est pas rafraîchie correctement quand on maneuvre l'ascenseur horizontal.
-- Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle. Roland Barthes. http://www.filh.org
filh
Le Fou wrote:
FiLH a écrit > > Heu... ça marche là ? > > http://www.filh.org/Tiques/essai.htm > > Il devrait y avoir une ombre délicate derrière les images...
Pas d'ombre avec IE 5.0 Windows.
Mince alors... 5.5 il faut.
FiLH
-- Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle. Roland Barthes. http://www.filh.org
Le Fou <ehiller@club-internet.fr> wrote:
FiLH <filh@filh.orgie> a écrit
>
> Heu... ça marche là ?
>
> http://www.filh.org/Tiques/essai.htm
>
> Il devrait y avoir une ombre délicate derrière les images...
Pas d'ombre avec IE 5.0 Windows.
Mince alors... 5.5 il faut.
FiLH
--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
FiLH a écrit > > Heu... ça marche là ? > > http://www.filh.org/Tiques/essai.htm > > Il devrait y avoir une ombre délicate derrière les images...
Pas d'ombre avec IE 5.0 Windows.
Mince alors... 5.5 il faut.
FiLH
-- Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle. Roland Barthes. http://www.filh.org
ASM
FiLH a ecrit :
Heu... ça marche là ?
http://www.filh.org/Tiques/essai.htm
Il devrait y avoir une ombre délicate derrière les images...
Ben sur IE5.1 (vieux Mac) non çà marche pas !
pourquoi ?
paske ce bête IE ne comprend pas media="screen" ?
corrigé sur page capturée -> pas plus de background :(( testé avec juste une couleur -> rien de mieux ! Mon IE est en pane ? ou n'aime t-il pas ce dock-type ?
Ha ! ben non !
c'est ce foutu hack [ _background: none; ] pour IE win qui nous met la zone ! :((
Y a t'y pas mieux comme hack ? vraiment spécifique IE Windows -> pas ni pwoblem' avec png sur Mac -> ce filter même non hacké, mes navigateurs (IE, Moz) s'en moquent.
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
FiLH a ecrit :
Heu... ça marche là ?
http://www.filh.org/Tiques/essai.htm
Il devrait y avoir une ombre délicate derrière les images...
Ben sur IE5.1 (vieux Mac) non çà marche pas !
pourquoi ?
paske ce bête IE ne comprend pas media="screen" ?
corrigé sur page capturée -> pas plus de background :((
testé avec juste une couleur -> rien de mieux !
Mon IE est en pane ? ou n'aime t-il pas ce dock-type ?
Ha ! ben non !
c'est ce foutu hack [ _background: none; ] pour IE win
qui nous met la zone ! :((
Y a t'y pas mieux comme hack ?
vraiment spécifique IE Windows
-> pas ni pwoblem' avec png sur Mac
-> ce filter même non hacké, mes navigateurs (IE, Moz) s'en moquent.
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Il devrait y avoir une ombre délicate derrière les images...
Ben sur IE5.1 (vieux Mac) non çà marche pas !
pourquoi ?
paske ce bête IE ne comprend pas media="screen" ?
corrigé sur page capturée -> pas plus de background :(( testé avec juste une couleur -> rien de mieux ! Mon IE est en pane ? ou n'aime t-il pas ce dock-type ?
Ha ! ben non !
c'est ce foutu hack [ _background: none; ] pour IE win qui nous met la zone ! :((
Y a t'y pas mieux comme hack ? vraiment spécifique IE Windows -> pas ni pwoblem' avec png sur Mac -> ce filter même non hacké, mes navigateurs (IE, Moz) s'en moquent.
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
ASM
Thibaut Allender a ecrit :
On 20/03/2005 17:35, ASM wrote : > background: url(/data/images/css/lborder.gif) repeat-y right; > tout simplement ?
le gif ne répond pas au besoin
Ha! je vois que tu as toujours bon oeil :-)
ici on parle de vraie transparence codée sur 8bits, pas d'une couleur qui devient transparente, donc
Je suppose que c'est important pour le hack IE win ? Je ne puis juger ...
Note que dans l'exemple donné, si un GIF sur 8 bits ne plait pas, un bête JPEG aurait fait, non ?
mettre une image grise à bords ombrés de même taille que l'image à montrer derrière celle-ci (ou en background) et en la décalant un chouia il y a besoin d'1 hack pour çà ?
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
Thibaut Allender a ecrit :
On 20/03/2005 17:35, ASM wrote :
> background: url(/data/images/css/lborder.gif) repeat-y right;
> tout simplement ?
le gif ne répond pas au besoin
Ha! je vois que tu as toujours bon oeil :-)
ici on parle de vraie transparence codée sur 8bits, pas d'une couleur
qui devient transparente, donc
Je suppose que c'est important pour le hack IE win ?
Je ne puis juger ...
Note que dans l'exemple donné, si un GIF sur 8 bits ne plait pas,
un bête JPEG aurait fait, non ?
mettre une image grise à bords ombrés
de même taille que l'image à montrer
derrière celle-ci (ou en background)
et en la décalant un chouia
il y a besoin d'1 hack pour çà ?
--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
On 20/03/2005 17:35, ASM wrote : > background: url(/data/images/css/lborder.gif) repeat-y right; > tout simplement ?
le gif ne répond pas au besoin
Ha! je vois que tu as toujours bon oeil :-)
ici on parle de vraie transparence codée sur 8bits, pas d'une couleur qui devient transparente, donc
Je suppose que c'est important pour le hack IE win ? Je ne puis juger ...
Note que dans l'exemple donné, si un GIF sur 8 bits ne plait pas, un bête JPEG aurait fait, non ?
mettre une image grise à bords ombrés de même taille que l'image à montrer derrière celle-ci (ou en background) et en la décalant un chouia il y a besoin d'1 hack pour çà ?
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
filh
ASM wrote:
FiLH a ecrit : > > Heu... ça marche là ? > > http://www.filh.org/Tiques/essai.htm > > Il devrait y avoir une ombre délicate derrière les images...
Ben sur IE5.1 (vieux Mac) non çà marche pas !
Sous netscape 3 non plus.
C'est toujours le même dimemne. Avec un peu plus de marge hélas ici car comme ce n'est pas un site dont la totale visibilité est nécessaire, j'ai beaucoup de choix quant à la modernité et la normalité des navigateurs que je veux bien considérer (Il s'agirait d'un site pro, la question ne se poserait même pas).
FiLH
-- Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle. Roland Barthes. http://www.filh.org
ASM <stephaneOTEZ-MOImoriaux@wanadoo.fr> wrote:
FiLH a ecrit :
>
> Heu... ça marche là ?
>
> http://www.filh.org/Tiques/essai.htm
>
> Il devrait y avoir une ombre délicate derrière les images...
Ben sur IE5.1 (vieux Mac) non çà marche pas !
Sous netscape 3 non plus.
C'est toujours le même dimemne. Avec un peu plus de marge hélas ici car
comme ce n'est pas un site dont la totale visibilité est nécessaire,
j'ai beaucoup de choix quant à la modernité et la normalité des
navigateurs que je veux bien considérer (Il s'agirait d'un site pro, la
question ne se poserait même pas).
FiLH
--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
FiLH a ecrit : > > Heu... ça marche là ? > > http://www.filh.org/Tiques/essai.htm > > Il devrait y avoir une ombre délicate derrière les images...
Ben sur IE5.1 (vieux Mac) non çà marche pas !
Sous netscape 3 non plus.
C'est toujours le même dimemne. Avec un peu plus de marge hélas ici car comme ce n'est pas un site dont la totale visibilité est nécessaire, j'ai beaucoup de choix quant à la modernité et la normalité des navigateurs que je veux bien considérer (Il s'agirait d'un site pro, la question ne se poserait même pas).
FiLH
-- Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle. Roland Barthes. http://www.filh.org
Olivier Masson
Note que dans l'exemple donné, si un GIF sur 8 bits ne plait pas, un bête JPEG aurait fait, non ?
mettre une image grise à bords ombrés de même taille que l'image à montrer derrière celle-ci (ou en background) et en la décalant un chouia il y a besoin d'1 hack pour çà ?
Il s'agissait ici de gagner en productivité. Si tu crées un jpg ou un gif pour ton ombre, tu devras en créer autant que tu as de couleur de fond sur ton site, pire encore si tu as des fonds irréguliers. Le PNG32 utilise 8 bits pour la transparence (contre 1 pour le GIF qui, de plus, est un format propriétaire) ce qui permet d'obtenir de vrais effets de transparence. Donc 1 png pour toutes les ombres de tous les sites (sauf si on veut changer la couleur de l'ombre).
Note que dans l'exemple donné, si un GIF sur 8 bits ne plait pas,
un bête JPEG aurait fait, non ?
mettre une image grise à bords ombrés
de même taille que l'image à montrer
derrière celle-ci (ou en background)
et en la décalant un chouia
il y a besoin d'1 hack pour çà ?
Il s'agissait ici de gagner en productivité. Si tu crées un jpg ou un
gif pour ton ombre, tu devras en créer autant que tu as de couleur de
fond sur ton site, pire encore si tu as des fonds irréguliers.
Le PNG32 utilise 8 bits pour la transparence (contre 1 pour le GIF qui,
de plus, est un format propriétaire) ce qui permet d'obtenir de vrais
effets de transparence. Donc 1 png pour toutes les ombres de tous les
sites (sauf si on veut changer la couleur de l'ombre).
Note que dans l'exemple donné, si un GIF sur 8 bits ne plait pas, un bête JPEG aurait fait, non ?
mettre une image grise à bords ombrés de même taille que l'image à montrer derrière celle-ci (ou en background) et en la décalant un chouia il y a besoin d'1 hack pour çà ?
Il s'agissait ici de gagner en productivité. Si tu crées un jpg ou un gif pour ton ombre, tu devras en créer autant que tu as de couleur de fond sur ton site, pire encore si tu as des fonds irréguliers. Le PNG32 utilise 8 bits pour la transparence (contre 1 pour le GIF qui, de plus, est un format propriétaire) ce qui permet d'obtenir de vrais effets de transparence. Donc 1 png pour toutes les ombres de tous les sites (sauf si on veut changer la couleur de l'ombre).
Thibaut Allender
On 20/03/2005 23:40, ASM wrote :
Ben sur IE5.1 (vieux Mac) non çà marche pas !
pourquoi ?
parce que ca n'est pas la bonne syntaxe : background-image:url("0300400.png");
il faudrait : background-image:url(0300400.png);
IE mac n'affiche pas les background quand il trouve des quotes dedans (simples ou doubles) de toutes facons, les specs parlent de simples quotes, ou de rien, mais pas de doubles, donc a priori IE mac a raison (pour une fois...)
parce que ca n'est pas la bonne syntaxe :
background-image:url("0300400.png");
il faudrait :
background-image:url(0300400.png);
IE mac n'affiche pas les background quand il trouve des quotes dedans
(simples ou doubles)
de toutes facons, les specs parlent de simples quotes, ou de rien, mais
pas de doubles, donc a priori IE mac a raison (pour une fois...)
parce que ca n'est pas la bonne syntaxe : background-image:url("0300400.png");
il faudrait : background-image:url(0300400.png);
IE mac n'affiche pas les background quand il trouve des quotes dedans (simples ou doubles) de toutes facons, les specs parlent de simples quotes, ou de rien, mais pas de doubles, donc a priori IE mac a raison (pour une fois...)
On 20/03/2005 23:40, ASM wrote : > Ben sur IE5.1 (vieux Mac) non çà marche pas ! > pourquoi ?
parce que ca n'est pas la bonne syntaxe : background-image:url("0300400.png");
...
de toutes facons, les specs parlent de simples quotes, ou de rien, mais pas de doubles, donc a priori IE mac a raison (pour une fois...)
Grrr...
Bon de toutes façons, entre msie et ff, ben j'ai viré mes background images pour reprendre de vieilles méthodes un peu moins rusée.
FiLH
-- FiLH photography. A taste of freedom in a conventional world. Web: http://www.filh.org e-mail FAQ fr.rec.photo : http://frp.parisv.com/ Sitafoto la photo a Bordeaux : http://sitafoto.free.fr/
On 20/03/2005 23:40, ASM wrote :
> Ben sur IE5.1 (vieux Mac) non çà marche pas !
> pourquoi ?
parce que ca n'est pas la bonne syntaxe :
background-image:url("0300400.png");
...
de toutes facons, les specs parlent de simples quotes, ou de rien,
mais pas de doubles, donc a priori IE mac a raison (pour une fois...)
Grrr...
Bon de toutes façons, entre msie et ff, ben j'ai viré mes background
images pour reprendre de vieilles méthodes un peu moins rusée.
FiLH
--
FiLH photography. A taste of freedom in a conventional world.
Web: http://www.filh.org e-mail filh@filh.org
FAQ fr.rec.photo : http://frp.parisv.com/
Sitafoto la photo a Bordeaux : http://sitafoto.free.fr/
On 20/03/2005 23:40, ASM wrote : > Ben sur IE5.1 (vieux Mac) non çà marche pas ! > pourquoi ?
parce que ca n'est pas la bonne syntaxe : background-image:url("0300400.png");
...
de toutes facons, les specs parlent de simples quotes, ou de rien, mais pas de doubles, donc a priori IE mac a raison (pour une fois...)
Grrr...
Bon de toutes façons, entre msie et ff, ben j'ai viré mes background images pour reprendre de vieilles méthodes un peu moins rusée.
FiLH
-- FiLH photography. A taste of freedom in a conventional world. Web: http://www.filh.org e-mail FAQ fr.rec.photo : http://frp.parisv.com/ Sitafoto la photo a Bordeaux : http://sitafoto.free.fr/
