Tom's Guide > Forum > Programmation > Probleme affichage image sous IE

Probleme affichage image sous IE

Forum Programmation : Probleme affichage image sous IE

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
jpp13   31-05-2007 à 15:13:40

Salut à tous,

 

Ca fait 1h que j'ai le problème, le logo ne veut pas s'afficher alors que sous Mozilla, il s'affiche,tres bien.
Au debut il s'afficher sous IE au format .png mais étant donné qu'il ne gérer pas la transparence, je l'ai modifié en .jpg.
Et maintenant plus rien ne s'affiche je comprend pas du tout :pfff:

 

Je vous montre la partie banniere du CSS vu que c'est à ce niveau la le probleme :

 
Code :
  1. /*--BANNIERE--*/
  2. .banner{
  3. height:130px;
  4. width:100%;
  5. margin:0px 0px 0px 0px;
  6. padding:0px 0px 0px 0px;
  7. }
  8. .bannerontop{
  9. padding:0px 0px 0px 0px;
  10. margin:0px 0px 0px 0px;
  11. text-align:center;
  12. }
  13. .banner .bannerontop h1 a, .banner .bannerontop h1{
  14. font-size: 20px;
  15. font-weight: normal;
  16. font-family: Geneva, Arial, Helvetica, sans-serif;
  17. color:#FFF;
  18. }
  20. .bannerGauche{
  21. margin:0px 0px 0px 0px;
  22. padding:0px 0px 0px 0px;
  23. width:200px;
  24. height:130px;
  25. background-color:#F7F7F7;/*Gris clair*/
  26. background-repeat:no-repeat;
  27. background-position:center;
  28. background-image:url(images/logoeurosud.jpg);
  29. }
  31. .bannerCentre{
  32. margin:0px 0px 0px 200px;
  33. padding:0px 0px 0px 0px;
  34. width:600px;
  35. height:130px;
  36. background-color:#F7F7F7;/*Gris clair*/
  37. background-repeat:no-repeat;
  38. background-position:center;
  39. background-image:url(images/eurosud.jpg);
  40. }
 

Dans la banniere centre c'est nickel, c'est dans la gauche que le logo ne s'affiche pas.

 

Trop bizarre IE...

 

Merci de votre aide.


Message édité par jpp13 le 31-05-2007 à 15:14:16
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Badge Programmation Bronze Allstar27   31-05-2007 à 15:20:45
- 0 +

Tu es sure du nom de l'image? et de son chemin?

Edit: ce qui me fais rire c'est le margin: 0px 0px 0px 0px tu mettais 0px une fois c'étais pris pour tout les cotés


Message édité par Allstar27 le 31-05-2007 à 15:22:04
------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   31-05-2007 à 15:38:44
- 0 +

oui je sais lol mais je laisse comme ca car je fais souvent des modifs... pour affiner. Mais bon c'est sur t'as raison.

 

SInon je suis certains du chemin, et en fait quand je vais sur EI, click droit sur l'endroit ou l'image doit s'afficher, enregistrer sous, je la met sur le bureau et j'ai bien le logo..

 



Message édité par jpp13 le 31-05-2007 à 15:39:02
Répondre à jpp13
Badge Programmation Bronze Allstar27   31-05-2007 à 15:44:30
- 0 +

Tu aurai pas l'adresse pour que je vois ça... c'est effectivement bizzare :lol:

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   31-05-2007 à 16:11:38
- 0 +

Non je travaille en localhost la (le site est pas finis) ...

Oui c'est marrant mais ca rend fou. Je regarderai mieu demain matin je serais plus frais ;)

Répondre à jpp13
Badge Programmation Bronze Allstar27   31-05-2007 à 16:13:12
- 0 +

Ca m'est déjà arrivé avec easyphp, le truc c'est j'ai rajouter un slash devant le dossier images

essaye background-image:url(/images/logoeurosud.jpg);

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
sil3ncer   31-05-2007 à 16:26:45
- 0 +

Alala IE et ses caprices. Vivement que tout le monde arrete d' utiliser se navigateur ou vivement l' union de tout les navigateur pour en formé qu' un seul et performant.

J' ai le droit de rever je crois :d

Répondre à sil3ncer
Badge Programmation Bronze Allstar27   31-05-2007 à 16:28:22
- 0 +

Le monopole n'est pas une bonne chose...

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   31-05-2007 à 16:37:19
- 0 +

J'ai essayé ca :

background-image:url(/images/logoeurosud.jpg);

Mais plus rien ne s'affiche sur mozilla et IE :(

Répondre à jpp13
Badge Programmation Bronze Allstar27   31-05-2007 à 16:39:45
- 0 +

Alors ca doit être un problème html que ie gère pas mais ff bien.

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   31-05-2007 à 16:43:50
- 0 +

J'ai réussi à l'afficher comme ca :

background:url(images/logoeurosud.jpg) no-repeat;

Seul probleme, si je rajouter center apres no-repeat, ca s'affiche plus..

C'est un début ! :p

Répondre à jpp13
Badge Programmation Bronze Allstar27   31-05-2007 à 16:49:29
- 0 +

Bizzare que pour l'ature ban il est accepté background-image.!

fais après ton url

align: center;

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   31-05-2007 à 16:57:03
- 0 +

comment ?

Comme ca : background:url align:center(images/logoeurosud.jpg) no-repeat;

Répondre à jpp13
Badge Programmation Bronze Allstar27   31-05-2007 à 16:58:25
- 0 +

non lol

comme ca

background: url(images/...jpg) no-repeat;
align: center;

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   01-06-2007 à 09:07:01
- 0 +

non ca marche pas (ca fait rien align), align: c'est pas du CSS ca, du moins je connais pas... et c'est pas reconnu par dreamweaver...


Message édité par jpp13 le 01-06-2007 à 09:08:40
Répondre à jpp13
jpp13   01-06-2007 à 09:20:52
- 0 +

Code :
  1. .bannerGauche{
  2. margin:0px 0px 0px 0px;
  3. padding:0px 0px 0px 0px;
  4. width:200px;
  5. height:130px;
  6. background-color:#F7F7F7;
  7. background-position:center;
  8. background-image:url(images/logoeurosud.jpg);
  9. }

Maintenant elle s'affiche sur IE et mozilla mais non centré et elle se repete. SI je rajoute les arguments no-repeat, elle s'affiche plus sur IE.

 

Ca commence à me prendre la tete cette histoire

 

SUr mozilla : centrer et répéter
Sur IE : non centrer et répéter

 


Message édité par jpp13 le 01-06-2007 à 09:28:15
Répondre à jpp13
Badge Programmation Bronze Allstar27   01-06-2007 à 15:43:59
- 0 +

essaye text-align: center;

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   01-06-2007 à 16:23:18
- 0 +

Merci allstar de ton aide mais ca ne marche pas, ca rend fou ce truc...

Tjs au même probleme : si je met background-repeat:no-repeat; et background-position:center; ca me l'affiche tres bien sur mozilla et sur IE ca affiche rien.

Si j'en met un des 2 ca saffiche sur IE mais les 2 ca fait foiré.

J'ai essayé de faire valider ma feuille de style CSS et j'ai pas d'erreur, que des petits avertissements.

...

Répondre à jpp13
Badge Programmation Bronze Allstar27   01-06-2007 à 16:29:39
- 0 +

Moi je met pas ca

background-color:#F7F7F7;
background-position:center;
background-image:url(images/logoeurosud.jpg);

Je met

align: center; => à la validation w3c ca passe pas donc met text-align
background: #F7F7F7 url(images/logoeurosud.jpg);


Message édité par Allstar27 le 01-06-2007 à 16:30:32
------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   01-06-2007 à 16:45:14
- 0 +

Avec text-align, ca m'aligne pas mon image j'ai essayé ca :

background: #F7F7F7 url(images/logoeurosud.jpg) no-repeat center;

Et ca me fait pareil que taleur :(

Afficher dans mozilla et pas ds IE...

Répondre à jpp13
jpp13   04-06-2007 à 10:11:00
- 0 +

J'ai essayé d'insérer l'image dans le html
<div class="bannerGauche"><img src="images/logoeurosud.jpg" align="middle"/>

 

Mais ca ne s'affiche pas...

 

J'ai rajouté dans le CSS :

 
Code :
  1. .bannerGauche img{
  2. background-position:center;
  3. background-repeat:no-repeat;
  4. }
 

Donc je comprend pas pourquoi l'image ne s'affiche pas sachant que le chemin est bon... ni dans mozilla ni dans IE.

 

Merci de votre aide.


Message édité par jpp13 le 04-06-2007 à 10:16:35
Répondre à jpp13
Badge Programmation Bronze Allstar27   04-06-2007 à 15:33:20
- 0 +

JE crois savoir se qui va pas! c'est la majuscule de Gauche

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
jpp13   04-06-2007 à 16:04:17
- 0 +

Bonne idée allstar mais j'avais une Majuscule pour bannerCentre et ca s'afficher bien sur IE...

 

Car sur le bannerCentre, il n'y a pas de background-position:center;

 

C'est pour ca qu'il s'affiche, lorsque je rajoute un élement de trop, pour IE ca ne lui plait pas.

 

J'ai quand même essayé mais pour l'instant c'est pareil :/


Message édité par jpp13 le 04-06-2007 à 16:06:27
Répondre à jpp13
mirmoleboss   04-06-2007 à 19:46:49
- 0 +

nan mais moi aussi depuis un certain temps ie7 ne veut plus afficher le mien

------------------------------ ahhh allez sur mon site
 Répondre à mirmoleboss
jpp13   05-06-2007 à 09:18:18
- 0 +

A merde sur IE 7 aussi, moi j'ai le 6, j'esperai que ca pourrai marcher sur le 7 quand je mettrai le site en ligne mais si tu me dis que toi ca marche pas, ou va t on... :(

Répondre à jpp13
f4lco   28-08-2009 à 11:34:29
- 0 +

Bonjour,
J'ai peut être la solution a l'intégration d'une image depuis css pour qu'elle s'affiche sous ie 6 , 7 , 8 , mozzilia...

le truc c'est de mettre l'url de l'image entre "" , puis dans l'ordre , center top no-repeat; cela donne par exemple :

Pour le css :

Code :
  1. #bannerGauche {
  2.     background:url("../../images/image.gif" ) center top no-repeat;
  3.     width:100%;
  4.     height:130px;
  5.     margin:0;
  7. }



pour le html :

Code :
  1. <div id="bannerGauche">
  2.             le texte a l'intérieur si besoins, ici .
  3.         </div>





Pour moi ça marche nikel, aussi voir si cela fonctionne avec une class , ici c'est un ID .
en espérant que ça aide.

Répondre à f4lco
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Probleme affichage image sous IE
Aller à :

Il y a 2230 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,483 secondes
Liens