JeuWeb - Crée ton jeu par navigateur
problème CSS image décalés sous ie - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : problème CSS image décalés sous ie (/showthread.php?tid=2310)

problème CSS image décalés sous ie - combo - 24-01-2008

Bonjour,

j'ai un problème, sous ie, les images son décalés.

Voici le code css :

Code :
.image1
      {
         position: relative;
         left: 18px;
         top: 176px;
      }
      .image2
      {
         position: relative;
         left: 248px;
         top: 168px;
      }
      .image3
      {
         position: relative;
         left: 143px;
         top:  55px;
      }
      .image4
      {
         position: relative;
         left: 225px;
        bottom: 15px;
      }
      .image5
      {
         position: relative;

         left: 146px;

         bottom:220px;
      }
      .image6
      {
         position: relative;
         left: 143px;
         bottom: 165px;
      }
      .image7
      {
         position: relative;
         left: 189px;
       bottom: -50px;
      }

Et le code html :

Code PHP :
<?php 

<table width="310" height="419" border="0" align="center" bordercolor="0" background="/img/equipement.png" bgcolor="0">

          <tr>

            <td width="300" height="392"><p class="p2 style1"><span class="p2">

                        <img src="/icons_boutique/01.png" onmouseover="doTooltip(event, equip_arme)" onmouseout="hideTip()"  class='image1'/>

 

                        <input type="hidden" name="nom_objet"  value=Epée_en_acier /><input type="hidden" name="categorie"  value = "arme"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=4 /><input type="hidden" name="dom_min" value=2 /><input type="hidden" name="vie" value=1 /><input type="hidden" name="dexterite" value=0 /><input type="hidden" name="force" value=1 /><input type="hidden" name="skin" value=01 /><input type="hidden" name="defense" value=0 />                                    </span></p>

                      <div align="left" class="p2">                    <img src="/icons_boutique/05.png" onmouseover="doTooltip(event, equip_bouclier)" onmouseout="hideTip()"  class='image2'/>

                                        <input type="hidden" name="nom_objet"  value=Bouclier_de_saragona /><input type="hidden" name="categorie"  value = "bouclier"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=0 /><input type="hidden" name="dom_min" value=0 /><input type="hidden" name="vie" value=2 /><input type="hidden" name="dexterite" value=4 /><input type="hidden" name="force" value=2 /><input type="hidden" name="skin" value=05 /><input type="hidden" name="defense" value=10 />                                    </div>

                <span class="p2">

                <script type="text/javascript">

var equip_bouclier='<b><span style="color:#FFFFFF">Bouclier de saragona</span></b><br> + 2 pour la force <br>+ 4 pour la dext&eacute;rit&eacute;<br>+ 2 pour la vie<br> + 10 pour la d&eacute;fense'

              </script>

                </span>

                <div class="text">

 

                  <p class="p2 style1">                      <img src="/icons_boutique/08.png" onmouseover="doTooltip(event, equip_ceinture)" onmouseout="hideTip()"  class='image3'/>

                                            <input type="hidden" name="nom_objet"  value=Petite_ceinture_de_soie /><input type="hidden" name="categorie"  value = "ceinture"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=0 /><input type="hidden" name="dom_min" value=0 /><input type="hidden" name="vie" value=2 /><input type="hidden" name="dexterite" value=5 /><input type="hidden" name="force" value=2 /><input type="hidden" name="skin" value=08 /><input type="hidden" name="defense" value=10 />                                        </p>

                </div>

                <span class="p2">

                <script type="text/javascript">

var equip_ceinture='<b><span style="color:#FFFFFF">Petite ceinture de soie</span></b><br> + 2 pour la force <br>+ 5 pour la dext&eacute;rit&eacute;<br>+ 2 pour la vie<br> + 10 pour la d&eacute;fense'

              </script>

                </span>

                <div class="text">

 

                  <p class="p2 style1">                      <img src="/icons_boutique/06.png" onmouseover="doTooltip(event, equip_gant)" onmouseout="hideTip()"  class='image4'/>

                                            <input type="hidden" name="nom_objet"  value=Gant_de_cuir /><input type="hidden" name="categorie"  value = "gant"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=0 /><input type="hidden" name="dom_min" value=0 /><input type="hidden" name="vie" value=4 /><input type="hidden" name="dexterite" value=0 /><input type="hidden" name="force" value=2 /><input type="hidden" name="skin" value=06 /><input type="hidden" name="defense" value=10 />                                        </p>

                </div>

                <span class="p2">

                <script type="text/javascript">

var equip_gant='<b><span style="color:#FFFFFF">Gant de cuir</span></b><br> + 2 pour la force <br>+ 0 pour la dext&eacute;rit&eacute;<br>+ 4 pour la vie<br> + 10 pour la d&eacute;fense'

              </script>

                </span>

                <span class="p2">                <img src="/icons_boutique/04.png" onmouseover="doTooltip(event, equip_casque)" onmouseout="hideTip()"  class='image5'/>

 

                                <input type="hidden" name="nom_objet"  value=Casque_en_acier /><input type="hidden" name="categorie"  value = "casque"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=0 /><input type="hidden" name="dom_min" value=0 /><input type="hidden" name="vie" value=0 /><input type="hidden" name="dexterite" value=3 /><input type="hidden" name="force" value=1 /><input type="hidden" name="skin" value=04 /><input type="hidden" name="defense" value=10 />                                </span>

              <span class="p2">

              <script type="text/javascript">

var equip_casque='<b><span style="color:#FFFFFF">Casque en acier</span></b><br> + 1 pour la force <br>+ 3 pour la dext&eacute;rit&eacute;<br>+ 0 pour la vie<br> + 10 pour la d&eacute;fense'

              </script>

              </span>

                <div align="left" class="p2">                    <img src="/icons_boutique/19.png" onmouseover="doTooltip(event, equip_armure)" onmouseout="hideTip()"  class='image6'/>

                                        <input type="hidden" name="nom_objet"  value=Cape_du_rôdeur /><input type="hidden" name="categorie"  value = "armure"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=0 /><input type="hidden" name="dom_min" value=0 /><input type="hidden" name="vie" value=2 /><input type="hidden" name="dexterite" value=11 /><input type="hidden" name="force" value=1 /><input type="hidden" name="skin" value=19 /><input type="hidden" name="defense" value=20 />                                    </div>

       <p class="p2 style1">

 

                                <img src="/icons_boutique/07.png" onmouseover="doTooltip(event, equip_botte)" onmouseout="hideTip()"  class='image7'/>

                                <input type="hidden" name="nom_objet"  value=Botte_de_cuir /><input type="hidden" name="categorie"  value = "botte"/><input type="hidden" name="id_objet" value=  /><input type="hidden" name="dom_max" value=0 /><input type="hidden" name="dom_min" value=0 /><input type="hidden" name="vie" value=1 /><input type="hidden" name="dexterite" value=2 /><input type="hidden" name="force" value=4 /><input type="hidden" name="skin" value=07 /><input type="hidden" name="defense" value=10 />                              </p></td>

          </tr>

        </table>

Merci.

RE: problème CSS image décalés sous ie - joshua - 24-01-2008

as tu ton code en ligne quelque part?
Peux tu nous faire une copie d'ecran de ton probleme?
Peux tu organiser ton code et choisir "code php" pour avoir les couleurs?
Merci

RE: problème CSS image décalés sous ie - combo - 24-01-2008

Sous firefox :

[Image: ff.jpg]

Sous ie :

[Image: ie.jpg]

Merci.

RE: problème CSS image décalés sous ie - joshua - 24-01-2008

c'est le meme... non?

RE: problème CSS image décalés sous ie - combo - 24-01-2008

Non, on voit bien que sur le deuxième screen (ie) les images sont décalés vers le haut.

RE: problème CSS image décalés sous ie - joshua - 24-01-2008

ah tu parles des petites icones sur la gauche! je n'avais pas vu....
Peux tu redécouper ton code? parce que la les balises ne sont pasalignées, c'est un fouillis et honnetement j'ai du mal a chercher qui est quoi Confused

RE: problème CSS image décalés sous ie - keke - 24-01-2008

coucou,

TU peux faire une grosse flèche en rouge pour nous signaler la/les images qui se décalent ?
Moi je constate que Voir chevalier Online (1) n'a pas la même taille.

Bonne journée à toi !
Kéké.
PS : ca serait pas un problème classique de margin padding celling ?
PS : me suis inscrit pour voir ... j'attends le mail de confirmation.

padding:0px ;
margin:0px ;
celling :0px;

RE: problème CSS image décalés sous ie - combo - 24-01-2008

Tu ne pourras voir, étant donné que nous faisons les tests pas directement sur la page des membres. Les images décalés sous les objets, l'épée, ect. On voit bien qu'elles sont remontés. je suis allais voir le site du zéro, dans les tutos, ils n'évoquent pas de problème de css sous ie.

RE: problème CSS image décalés sous ie - joshua - 24-01-2008

Je n'ai pas trouvé ton probleme car il me fadrait je pense le tester et avoir tout sous les yeux pour y arriver...
Mais j'ai des pistes pour toi.
Il semblerait qu'il y ait un probleme sur les positions "relative" avec i.e.
tu as des infos ici: http://css.tests.free.fr/deboguer_css_msie.php
au passage, un ptit truc utile : http://forum.phpindex.com/viewtopic.php?pid=767

RE: problème CSS image décalés sous ie - combo - 24-01-2008

Merci , je viens de régler le problème.

Le nouveau problème c'est que quand on enlève un objet, il me redécalle tout...