Discussion :

[Msysteme]

Bonjour, sur ma page asp, j'ai le code suivant :

Code html :

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

1
2
3
4
5
6
7
8
<div id="gmap_canvas"></div>
<div>
    <h2>L'image static</h2>
    <div class="cadre_carte">
        <div id="default">Image non disponible!</div>
        <img id="image" src="?" title=" clic droit de la souris pour enregistrer l'image sous... " alt="" />
    </div>
</div>

mes css sont :

Code :

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
17
18
19
20
21
22
23
24
25
26
27
28
#image{
  position:relative;
  width:100%;
  height:100%;
  z-index:10;
  display:none;
}
.cadre_carte{
  position:relative;
  width:98%;
  height:700px;
}
#default{
  position:absolute;
  z-index:0;
  text-align:center;
  left:0;
  top:3em;
  right:0;
  font-size:2.5em;
  color:red; 
}  /*#DDF
 
#gmap_canvas {
    height: 700px;
    position: relative;
    width: 98%;
}

mon code marche tres bien, il consiste a prendre l'image de la <div id="gmap_canvas"></div> et la positionner dans <div class="cadre_carte">, j'ai un probleme de mise en page car l'image obtenu est un peu dilaté , comment puis je modifier mon css de telle sorte a obtenir le meme dimentionnement

[Micmaya]

Et dans le bloc CSS pour ton image, si tu mets:

Code :

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

1
2
width: inherit;
height: inherit;

Quand tu dis prendre l'image de <div id="gmap_canvas"></div> et la positionner dans <div class="cadre_carte">, cela veut dire qu'il y a une image dans #gmap_canvas (en background-image ou bien dans une balise img, parce que je ne l'a vois pas dans ton code).