PNG transparent

Coco -  
arthezius Messages postés 3756 Statut Membre -
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

ifisch Messages postés 192 Statut Membre 17
 
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 2222 Statut Membre 213
 
Ton image est bien en png
Je veux bien avoir la berlue... mais où est-elle cette image ?
0
arthezius Messages postés 3756 Statut Membre 475
 
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
arthezius Messages postés 3756 Statut Membre 475
 
Enlève "black" sur tes background.
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 509
 
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 3756 Statut Membre 475 > avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention  
 
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 3756 Statut Membre
 
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
coco
 
Toujours Personne qui pourait m'aider ?
Merci
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 509
 
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 2222 Statut Membre 213
 
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 3756 Statut Membre 475 > notobe Messages postés 2222 Statut Membre
 
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
coco
 
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 2222 Statut Membre 213
 
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
ifisch Messages postés 192 Statut Membre 17
 
Je croyais avoir lu que c'était remplacé ...Bon ben t'façon toute les réponses sont la a mon avis :)
0
Coco
 
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 3756 Statut Membre 475
 
Donc problème résolu.
0