[xhtml] Affichage d'images avec Internet Explorer

**acsm14** · 23/07/2008, 01h22

Bonjour à tous et à toutes.
Etant en première année d'étude BAC+2 dans le multimédia et la communication, j'ai appris les base du javascript.
J'ai donc voulu, pour m'exercer, réalisé un site.
le voici : www.cartaweb.fr
Ce n'est que le début, et je suis débutant, donc ne rigolez pas, s'il vous plait.

Mon problème est que sous Internet Explorer, l'aperçu des mes cartes (petites images de quelques ko) ne s'affiche pas. Alors que lorsque le site était sur mon ordi, sans mes docs, en ouvrant le site, elles s'affichaient. Donc c'est dû au fait, que le site soit en ligne, mais alors pour les images des polices en dessous s'affichent elles, et pas celles des cartes ? Sous mozilla ça marche nikel ?
Et j'ai un deuxième petit problème dû au Javascript. Sous mozilla, quand je crée un carte, la nouvelle petite page ne cesse de s'arrêter, comment fait on pour stopper le chargement de cette page ?

Je vous remercie d'avance pour votre attention et pour votre future aide.

**laurentibus** · 29/07/2008, 10h19

je remets la reponse au cas ou elle pourrait servir dans le futur :

le pb est les " c cedille" du chemin des images ....
la solution :
remplacer les "c cedille" pâr un simple "c"

**acsm14** · 30/07/2008, 18h26

merci encore pour vos réponses, par contre il me reste toujours le problème de la page qui charge indifiniment. Même en cours ça fesait ça, et le proff se demandé pourquoi , et il n'y a que sur mozilla, j'ai essayé avec une fonction stop() mais ça ne marche pas ça fige la nouvelle carte créer sur la page d'accueil. Bref si vous avez encore des solutions , merci de bien vouloir me les communiquer.
Merci à tous et à toutes

**Auteur** · 30/07/2008, 19h24

bonjour,

j'ai vu rapidement ton code : tu utilises document.write() pour écrire dans ta pop-up

Pourquoi ne charges-tu pas une pop-up possédant un minimum de code ? Ca irait déjà un peu plus vite et surtout ça éviterai ce document.write() qui réserve toujours des mauvaises surprises

Pour ta pop-up par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<html> 
<head>
  <title></title> 
</head> 
<body> 
 
  <img id="image" src="" style="position:absolute; top:0px; left:0px" alt="" />  
 
  <div id="contenu" style="position:absolute; top:20px; left:210px; text-align: left; width:180px;"> 
 
  </div> 
 
</body> 
 
</html>

Puis grâce à un script JS contenu dans la fenêtre parent, tu renseignes le src de l'image, le contenu du div (en précisant également la couleur et la police de caractères du texte).

Pense à écrire les balises en leurs attributs en minuscules et précise les unités (top et left).

(Et il est très bien ton site

)

**acsm14** · 14/08/2008, 20h41

merci pour ces réponses.
J'ai fait une petite mise à jour pour mon site, mais pas encore au niveau de la page qui s'ouvre pour la carte créée (merci pour l'astuce).
J'ai fait un background , mais j'ai deux soucis :

Comment faire pour le centrer ? j'ai essayé plein de chose mais ça ne marche pas, comme background-position.

Comment enlever les barre blanches en bas et en haut du site ? aparement c'est du à l'image ( du site entier), que j'ai mis en position absolue par dessus le background.

Merci encore pour votre aide , très précieuse.

**Auteur** · 14/08/2008, 21h50

Tu peux nous montrer ton code pour voir comment tu procèdes ?

**acsm14** · 14/08/2008, 22h10

voici un petit morçeau du css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.tout { background-image: url(images/fond02.jpg );
				background-repeat: repeat-y ;
				background-position: center;
				position: relative;
				margin-left: auto;
				margin-right: auto;
				height: 1609px ; width: 1550px ;  }	
		#fond {  position: absolute;
				top:0px;
				left: 276px;}

et voici un bou de code html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
</head>
	<body>
	    <div class="tout">
			<div id="fond"> <img src='images/total01-bis.jpg'/> </div>
			<div id="carte">

[xhtml] Affichage d'images avec Internet Explorer

JavaScript

Vue hybride

Discussions similaires

Partager

Partager