PNG transparent

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

7 réponses

  1. Enlève "black" sur tes background.
    1. 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;
    2. @avion-f16J'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.
    3. @artheziusVoila 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
  2. 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 ...
    1. 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...
    2. @notobeIl a remplacer ces png par des jpg. C'était bien des png hier.
  3. 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/
    1. 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...
  4. 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. Ton image est bien en png
      Je veux bien avoir la berlue... mais où est-elle cette image ?
    2. 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
  5. Je croyais avoir lu que c'était remplacé ...Bon ben t'façon toute les réponses sont la a mon avis :)
    1. 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
      1. Donc problème résolu.