Importer image transparente

Importer image transparente - Web design - Graphisme

Marsh Posté le 22-05-2010 à 14:48:30    

Bonjour à tous
 
Je débute en création de site.
Je travaille avec dreamweaver CS3 et Photoshop CS3.
 
Mon problème:
le fond de mon site est un motif réalisé sous photoshop.
Ma bannière est faite avec photoshop et comporte une ombre portée sur le fond. Pour garder cet effet, le fond de ma bannière est transparent, de manière à ce que l'ombre soit portée sur le fond (motif) de mon site.
 
Cependant, quand j'importe ma bannière, le contour n'est pas transparent mais gris-bleuté.
 
J'ai chercher en vain sur internet des solutions, rien à faire...
Ma bannière est en PSD, j'ai essayé en GIF et en PNG
Avec "enregistrer pour le web" et png24 (la case transparent est cochée)
 
Rien à faire... j'utilise IE8, et firefox3.5.8 pour visualiser ma page...
 
Merci pour votre aide

Reply

Marsh Posté le 22-05-2010 à 14:48:30   

Reply

Marsh Posté le 25-05-2010 à 19:21:14    

tu as du code à proposer ?


---------------
Blablaté par Harko
Reply

Marsh Posté le 26-05-2010 à 20:53:46    

Salut,
tu peux balancer l'image (ou un bout) ?
 
Perso je pencherai pour un pb de profil couleur...


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 28-05-2010 à 23:37:01    

Skopos a écrit :

Salut,
tu peux balancer l'image (ou un bout) ?
 
Perso je pencherai pour un pb de profil couleur...


 
Salut
désolé pour le retard de ma réponse
 
CSS:
#page {
 background-color:#CCCCFF;
 padding: 0px;
 width: 776px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}
#bando {
 margin: 0px;
 padding: 0px;
 height: 334px;
 width: 776px;
 background-repeat: no-repeat;
 background-image: url(../images/header.png);
}
#bando img {
 margin: 0px;
 padding: 0px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
 
HTML:
<div id="page">
<!--debut bando -->
  <div id="bando"><img src="images/header.jpg" alt="banniere" width="776" height="334" /></div>
  <!--fin bando -->
  <!--debut menu -->
  <div id="menu">
    <ul>
(je mets pas la suite, je pense pas que ca soit utile)
 
 
image: http://img691.imageshack.us/i/headercopied.png/
le fond blanc est censé etre transparent, parcequ'il y a un effet d'ombre autour de l'image
là elle est enregistrée en png avec photoshop, sous forme de "non entrelacé" (il me demande un choix..)
 
 
merci a vous deux!

Reply

Marsh Posté le 29-05-2010 à 00:35:51    

salut, il ne faut pas utiliser de transparence, met la couleur de ton fond de page.

Reply

Marsh Posté le 29-05-2010 à 00:44:27    

Je confirme que c'est gris-bleuté :D  
Elle devrait être de quelle couleur ?


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 30-05-2010 à 20:40:12    

Skopos a écrit :

Je confirme que c'est gris-bleuté :D  
Elle devrait être de quelle couleur ?


 
non non, tout ca c'est l'image! c'est un bando (jai effacé la partie droite, parceque il y a ma tronche dessus !!)
c'est autour de ce gros rectangle gris-bleuté-vert, il y a un effet d'ombre sur le fond blanc de la page du lien.
 
mais dans mon site, le fond du site est un motif gris-vert aussi!
en gros je ne veux pas mettre une couleur de fond, mais une image.
 
et je veux mettre mon bandeau dessus, en gardant le fond du bandeau transparent, pour pouvoir "prendre" l'effet d'ombre qu'il a sur le pourtour. ( mon image est cadrée de ce fait avec un bord transparent d'environ 8millimetres tout autour: sélectionnez l'image pour voir le cadre)
sauf que quand je mets mon bandeau sur le site, son fond n'est pas transparent, il reste blanc.
 
 
EDIT: ah oui pour le fond,le code CSS ci-dessus de ma page comporte un code de couleur, mais en fait ca sera une image, j'avais juste copié le mauvais code.


Message édité par raphael873 le 30-05-2010 à 20:42:22
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed