28172 sujets

CSS et mise en forme, CSS3

Voila je debute en css et j'ai créé un menu en css avec dans la css une image de fond en format png transparente a 50 %
si je teste en local sous firefox 3, IE7 , opera ça fonctionne voila se que cela donne
http://i38.tinypic.com/ae1lcg.jpg

j'envoie le tout sur un hebergeur gratuit
http://hitcher.hi.ohost.de/
afin de montrer le site a un ami et la on dirais que le png ne passe plus
voici un screen

http://i35.tinypic.com/30t5dtg.jpg

J'arrive pas a comprendre pourquoi l'affichage est ok en local et pas sur le web . J'ai bien lus des trucs concernant le png sous internet explorer mais la je ne sais plus ou chercher .
D'avance merci a vous
Modifié par hitcher (04 Oct 2008 - 16:31)
Bonjour,

As-tu bien vérifier le chemin de l'image depuis ta feuille de style ?
j'ai creer a la racine du ftp
des dossiers :
css ===> le style css
img ==> avec dedans mon image menu2.png
pages==> les pages web

le css indiques pour cette image le chemin suivant
../img/menu2.png

je viens de reverifier et ça fonctionne tres bien en local , je ne comprends plus rien .
Y aurait il une astuce avec le image png sur le web .
Ps: j'utilise dreamweaver
en fait si je teste le chemin
http://hitcher.hi.ohost.de/img/
je m'aperçois que les images en .png ne fonctionnent pas !

firefox me donne comme message
L'image “http://hitcher.hi.ohost.de/img/menu.png” ne peut être affichée car elle contient des erreurs.

Je suppose que j'ai une erreur sur la façon de la créer sous photoshop ?
Comment enregister le format png pour qu'il soit compatible pour le web ?
Modifié par hitcher (04 Oct 2008 - 16:14)
hitcher a écrit :
Je suppose que j'ai une erreur sur la façon de la créer sous photoshop ?

Non, plutôt un problème lors du transfert. Tu peux tenter d'uploader à nouveau ton image, et si le problème persiste il faudrait vérifier les modes de transfert et s'assurer que l'image est transférée en mode binaire et pas en mode texte.