- Accueil
- » Forum
- » Archives
- » Menu site Ubuntu
Pages : 1
#1 Le 13/06/2007, à 21:10
- FMC
Menu site Ubuntu
Salut à tous,
j'ai une petite question, je fais un site pour le moment, et sur ce site vous avez réussi à mettre un PNG en transparent pour IE 6.x, comment avez-vous fait ?
Je cherche à faire de même, mais je n'y arrive pas.
En tous cas, bravo pour les CSS magnifiques !
FMC
Ubuntu 9.10 Karmic Koala Desktop 64
Hors ligne
#2 Le 13/06/2007, à 21:16
- Gustry
Re : Menu site Ubuntu
quelle image est un PNG transparent ?
Hors ligne
#3 Le 13/06/2007, à 21:27
- compte supprimé
Re : Menu site Ubuntu
quelle image est un PNG transparent ?
Si on te dit qu'elle est transparente
#4 Le 13/06/2007, à 22:59
- FMC
Re : Menu site Ubuntu
L'image des boutons, les icones "Ubuntu", "Communauté", "Forums" et "Planet"
Ubuntu 9.10 Karmic Koala Desktop 64
Hors ligne
#5 Le 13/06/2007, à 23:05
- Compte anonymisé
Re : Menu site Ubuntu
Gustry a écrit :quelle image est un PNG transparent ?
Si on te dit qu'elle est transparente
L'image contient un calque transparent, elle n'est pas totalement transparente.
#6 Le 14/06/2007, à 01:16
- FMC
Re : Menu site Ubuntu
Ca me dit pas comment ils ont fait !
J'ai trouvé des hack sur le net, mais j'ai pas le sentiment que ce site les ai utilisés.
Ubuntu 9.10 Karmic Koala Desktop 64
Hors ligne
#7 Le 14/06/2007, à 11:31
- jpaul
Re : Menu site Ubuntu
Je pense que c'est du PNG-8 (ce que IE reconnait bien) à vérifier, mais par exemple, les smileys de punbb (donc ici) en sont.
<Mon avatar n'est pas une grenouille><Windows ça pue; Mac c'est trop cher; Linux c'est trop compliqué*, xBSD ça sert à rien><Les modos, on vous aime><Hébergement Web gratos et sympah ;)>
* Mais ça rend beau
[Membre du club des beaux Ubunteros]
Hors ligne
#8 Le 14/06/2007, à 12:12
- Nazebrock
Re : Menu site Ubuntu
C'est tout simple de faire une image transparente. Comme dit plus haut, un calque transparent et zou. Ca se fait en un clic sur tous les bons logiciels d'imagerie.
(Si c'est bien de ca dont on parle)
Hors ligne
#9 Le 14/06/2007, à 12:35
- Compte anonymisé
Re : Menu site Ubuntu
C'est tout simple de faire une image transparente. Comme dit plus haut, un calque transparent et zou. Ca se fait en un clic sur tous les bons logiciels d'imagerie.
(Si c'est bien de ca dont on parle)
le problème étant en l'occurence que IE gère très mal la transparence.
#10 Le 14/06/2007, à 14:39
- brakbabord
Re : Menu site Ubuntu
Normalement IE ne gère la transparence que pour les GIF.
Je crois que c'est un bug, ou alors une faille de sécurité
Dernière modification par brakbabord (Le 14/06/2007, à 14:41)
Hors ligne
#11 Le 14/06/2007, à 14:59
- S. Dis Pater
Re : Menu site Ubuntu
Il existe des solutions pour rendre un png transparent sous IE (par javascript ou par css):
Plus d'info ici -->http://catinon.info/blog/2006/01/24/3-l … t-sous-ie6
Glissant à mon oreille de tendres oraisons,
Tu murmures mon nom de ta voix cristalline,
Distillant ta liqueur, ce délicat poison,
Dans les eaux taries de mes ardeurs opalines.
Hors ligne
#12 Le 14/06/2007, à 22:40
- Alain.g
Re : Menu site Ubuntu
Normalement IE ne gère la transparence que pour les GIF.
Non pas du tout : les PNG similaires au GIF, c'est à dire en couleurs indexées (paletted) avec transparence binaire (dite aussi totale) sont aussi bien gérés par Internet Explorer que le GIF. Ce sont juste les autres types de transparence du PNG qui posent problème à IE.
La méthode utilisée dans la css de ce site est un hack pour faire en sorte qu'IE n'affiche pas la même image que les autres navigateurs :
#navbar li a {
background-image:url(ubuntu/images.png) !important;
background-image:url(ubuntu/images_ie.png);
}
Normalement la déclaration avec le !important est prioritaire sur le suivante sauf pour IE 5 et 6. C'est un bug très connu car exploité comme hack.
IE 5 et 6 afficheront donc images_ie.png qui est un PNG paletted avec transparence totale et les autres navigateurs (y compris IE7 et ie5 mac) afficheront le beau PNG TrueColor avec canal alpha (images.png).
Différences ? À gauche la version normale, à droite pour IE :
Xubuntu Karmic !
Hors ligne
Pages : 1