PNG transparent

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

Configuration: Windows XP
Firefox 3.5.7

Afficher la suite

7 réponses

Réponse 1 / 7
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
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
2. 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
Réponse 2 / 7
arthezius Messages postés 3756 Statut Membre 475

Enlève "black" sur tes background.
0
1. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  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
  1. arthezius Messages postés 3756 Statut Membre 475 > avion-f16 Messages postés 19182 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
  2. 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
Réponse 3 / 7
coco

Toujours Personne qui pourait m'aider ?
Merci
0
Réponse 4 / 7
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
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
1. 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
  1. 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
Réponse 5 / 7
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
1. 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
Réponse 6 / 7
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
Réponse 7 / 7
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
1. arthezius Messages postés 3756 Statut Membre 475
  
  Donc problème résolu.
  
  0

PNG transparent

7 réponses

Discussions similaires

Newsletters