Sujet Précédent Sujet Suivant

PNG transparent

Fermé
Coco - 23 janv. 2010 à 19:00
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 25 janv. 2010 à 18:33
Bonjour,
Allez voir sur mon site: http://m34.franceserv.com/ (en haut du site)
Problème : J'aimerais bien que mes bodures de div soit visible sous mes image donc des png transparent
Comment puis-je faire?
J'utilise Gimp
Je rédige mon site avec les langages XHTML et CSS
Merci de votre aide
Coco

7 réponses

Réponse 1 / 7
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
24 janv. 2010 à 21:19
Bonsoir. Ton image est bien en png mais n'est pas transparente . en effet le png gère la transparence si on l'a créer, il va donc te faloir créer le fond de tes images en créant un filtre transparent a la place du noir actuel.

Pour se faire, avec Gimp par exemple tu prend ton image tu créés un calque alpha . Et tu effaces sur le calque image tou ce qui est en noir.

Sinon tu modifies ton image pour que les pointillé soient directement dans l'image . Au choix ;)
1
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
24 janv. 2010 à 21:24
Ton image est bien en png
Je veux bien avoir la berlue... mais où est-elle cette image ?
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
24 janv. 2010 à 21:25
Les deux images sont en jpg actuellement. Elles étaient précédemment en png au moment de son premier message.

Extrait de son CSS actuelle: 
background: url(images/bmx1.jpg) no-repeat black;

L'image:
http://m34.franceserv.com/images/bmx1.jpg
En fait, son jpg à un fond noir et en applique un deuxième dans le CSS. Même avec son PNG, il appliquait le fond noir dans le CSS.

La solution, remettre le png et enlever le black dans le CSS.
Autrement dit: 
background: url(images/bmx1.png) no-repeat;

Avec cette image: http://m34.franceserv.com/images/bmx1.png
0
Réponse 2 / 7
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
23 janv. 2010 à 20:22
Enlève "black" sur tes background.
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 499
23 janv. 2010 à 23:18
Justement le truc c'est qu'il n'y a pas de "black" : http://m34.franceserv.com/images/bmx2.png
Étrange son problème ...

[Après édition]
Oups, j'avais pas regardé plus loin :
background: url(images/bmx2.png) no-repeat black;
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475 > avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024
23 janv. 2010 à 23:33
J'avais effectivement regardé en premier l'image en elle même pensant que le problème venait de là avant de voir "black" dans le CSS.
Mais j'aurai pu citer le code pour éviter toute confusion.
0
coco > arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016
24 janv. 2010 à 09:33
Voila mon code css:
#logo1
{
background: url(images/bmx2.png) no-repeat;
position: absolute;
top: 0px;
right:0px;
height: 214px;
width: 198px;
}

Cela ne marche toujours pas comment est ce possible
Merci de vos reponse
0
Réponse 3 / 7
coco
24 janv. 2010 à 11:49
Toujours Personne qui pourait m'aider ?
Merci
0
Réponse 4 / 7
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 499
24 janv. 2010 à 14:28
Heu ...
#logo
{
	background: url(images/bmx1.jpg) no-repeat black;
	position: absolute;
	top: 0px;
	left:0px;
	height: 214px;
	width: 198px;
}

#logo1
{
	background: url(images/bmx2.jpg) no-repeat black;
	position: absolute;
	top: 0px;
	right:0px;
	height: 214px;
	width: 198px;
}
Il faut envoyer la nouvelle version du fichier par FTP ...
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
24 janv. 2010 à 14:39
Et en plus ce ne sont pas des .png, mais des .jpg
http://m34.franceserv.com/images/bmx2.jpg
Ça ne risque pas d'être transparent...
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475 > notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011
24 janv. 2010 à 15:07
Il a remplacer ces png par des jpg. C'était bien des png hier.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
coco
24 janv. 2010 à 21:06
j'ai deja replacer mes jpg par png
j'ai deja mis a jour mon fichier css sur mon ftp
je ne comprend toujours pas cela ne marche pas
on vas finir par trouver
merci d'avance
coco
http://m34.franceserv.org/
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
24 janv. 2010 à 21:16
Tes images sont en .jpg
http://m34.franceserv.org/images/bmx1.jpg
http://m34.franceserv.org/images/bmx2.jpg

La css comporte la valeur black relevée par Avion et Arthésius.
http://m34.franceserv.org/style.css

Alors, soit l'url du site que tu nous donnes n'est pas la bonne,
Soit tu te mélanges sérieusement les pinceaux dans tes fichiers...
0
Réponse 6 / 7
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
24 janv. 2010 à 21:30
Je croyais avoir lu que c'était remplacé ...Bon ben t'façon toute les réponses sont la a mon avis :)
0
Réponse 7 / 7
Coco
25 janv. 2010 à 18:31
J'ai reussi ca marche
j'ai remis a jour mon fichier css et mes images
Et ca marche
allez voir http://m34.franceserv.fr/

@+ et merci

coco
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
25 janv. 2010 à 18:33
Donc problème résolu.
0

Discussions similaires

Comment faire le symbole coeur vide/coeur blanc
Paria -
2008G.C -

60 réponses
Couleur transparente
ando26 -
Turtlee -

25 réponses
Fond transparent pour les plans de travail
Quashou -
Quashou -

6 réponses
[Photoshop] Fichier en PNG qui ne s'ouvre pas
Naddya -
porios -

7 réponses
Comment faire les coeur vide sur FB
ßaß -
3 -

24 réponses