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
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
-
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 ;)-
-
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
-
-
Enlève "black" sur tes background.
-
-
@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. -
@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
-
-
Toujours Personne qui pourait m'aider ?
Merci -
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 ...-
-
@notobeIl a remplacer ces png par des jpg. C'était bien des png hier.
-
-
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/-
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...
-
-
Je croyais avoir lu que c'était remplacé ...Bon ben t'façon toute les réponses sont la a mon avis :)
-
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
