Problèmes d'affichage sous IE 6 et Firefox

[Dircom]

Bonjour,

J'ai 2 problèmes d'affichage concernant la maquette de notre nouveau site :

1 - Sous IE6 et 7, lorsque l'on passe la souris sur "Zoom" au dessus du copieur l'image agrandie passe sous le bandeau bleu alors que sous Firefox c'est ok !

2 - Sous IE 6 les coins des bandeaux bleu sont gris au lieu d'être transparants car ils sont en PNG.

Si vous avez des pistes à me communiquer, ce serait super sympa !

Voici l'adresse de la page : www.copem.fr/00.html

Merci
Christian

 

[finstreet]

faire du gif ?

 

[fra_arf]

Oui go .gif pour les reborts et tu peux pas donner le code source .css pour que ce soit pus rapide, enfin si tu veux

 

[Dircom]

C'est sur qu'avec du gif c'est sans problème mais la qualité est déplorable

Christian

 

[Dircom]

Oui go .gif pour les reborts et tu peux pas donner le code source .css pour que ce soit pus rapide, enfin si tu veux

Excuses

Commandes pour coins arrondis en png

CSS :
.relsample { width: 98%;position: relative; background-image: url(photo1/essais.jpg); background-color: transparent; }
.relsample .top_right, .relsample .bottom_right { height: 30px; width: 30px; background-repeat: no-repeat; position: absolute; background-color: transparent; }
.relsample .top_right { top: -5px; right: -5px; background-image: url("photo1/coin-hauts.png"); z-index: 1; }
.relsample .bottom_right { bottom: -5px; right: -5px; background-image: url("photo1/coin-bass.png"); z-index: 2; }
.relsample .content { position: relative; z-index: 3;
}

HTML :
<div class="relsample">
<div class="top_right">&nbsp;</div>
<div class="bottom_right">&nbsp;</div>

Commandes pour images agrandies :

CSS
a.viewpic {
position : relative;
border-bottom : 0 dashed #808080;
text-decoration : underline;
}
a:hover.viewpic {
text-decoration : none;
background : none;
}
a.viewpic span {
display : none;
}
a:hover.viewpic span {
color : #336699;
display : inline;
position : absolute;
top : -50px;
left : 100px;
width : 100%;
padding : 30 30;
z-index:20;
}

HTML
<a class="viewpic" href="#"><img src="photo1/zoom.gif" alt="Copieurs couleur" /><span><img src="http://www.copieurs.info/photo1/a2500c.jpg" alt="Copieur couleur 2500c" /></span><a href="http://www.copem.fr/copieur-couleur.html" title="Copieurs couleur"><img src="photo1/studio-2500c.jpg"></a>

A+
Christian

 

[bproductiv]

http://www.escapist.net/receptacle/arch ... _trans.php
http://dean.edwards.name/IE7/
sinon sur google plein d'autre astuces

 

[Dircom]

MessagePosté le: Lun Oct 08, 2007 17:43 Sujet du message:
http://www.escapist.net/receptacle/arch ... _trans.php
http://dean.edwards.name/IE7/
sinon sur google plein d'autre astuces

Merci, je vais y aller faire un tour !

Christian

 

[merlin666]

Solution des png sous IE6, mieux qu'un long discours, un exemple :
http://www.radium.fr/png.htm

 

[Dircom]

Solution des png sous IE6, mieux qu'un long discours, un exemple :
http://www.radium.fr/png.htm

Merci Merlin666,

Aprés quelques modifications (les images étant commandées par les CSS) c'est Impeccable :lol:

Grand Merci !

Christian