Problème de PA sur Internet Explorer (résolu)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de PA sur Internet Explorer (résolu)

Message par *Suika* le Sam 12 Mai 2012 - 15:00

Bonjour,

Je ne sais pas trop si je suis dans la bonne partie pour poser, sinon, je changerai ^^
Voilà mon problème :

Une admin de mon forum nous a commandé une superbe PA ! Elle a été faite et tout, et nous sommes occupés à la mettre sur notre forum. Mais il y a un gros problème, elle ne marche que sous Google Chrome. En tout cas, moi avec Internet Explorer je ne la vois pas du tout. Et c'est franchement embêtant qu'une PA ne puisse être vu que par un seul navigateur étant donné alors que ça voudrait dire que plusieurs membres ou futurs inscrit ne pourraient la voir non plus...

Et je me demandais si il y avait moyen de faire en sorte qu'elle soit visible par d'autres navigateur ?

Merci à celui(ceux) qui sauront me répondre ! ♥

En espérant que ce soit faisable Confused


Dernière édition par *Suika* le Sam 19 Mai 2012 - 10:23, édité 1 fois

*Suika*
**

Messages : 64
Inscrit(e) le : 25/01/2012

http://moonlight-shadows.forumgratuit.be
*Suika* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA sur Internet Explorer (résolu)

Message par Psyaliah le Sam 12 Mai 2012 - 15:13

Bonjour,
Pouvez vous collez le code html + le code css ?
Le problème peut venir d'attribut manquant ou en trop ajoutés dans les codes.

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA sur Internet Explorer (résolu)

Message par *Suika* le Sam 12 Mai 2012 - 15:18

Merci de ta réponse Very Happy

Voici les codes :

Celui là c'est le CSS
Code:
/* DEBUT DE LA PAGE D'ACCEUIL */
/*________Page d'accueil par Rits-u___________*/


/* NE PAS TOUCHER */
a.infobulle {  position: relative;}
a.infobulle span {  display: none; }
a.infobulle:hover {  background: none;  z-index: 999;}

/* PERSONNALISATION DE L'INFOBULLE */
a.infobulle:hover span {
  display: inline;
 white-space: nowrap;
  position: absolute;
  top: 10px; /* position de l'infobulle verticalement */
  left: 30px; /* position de l'infobulle horizontalement */
  width: 300px; /* largeur de l'infobulle */
  height: 50px; /* hauteur de l'infobulle */
  color:#000000; /* couleur du texte */
  border: 0px solid #000000; /* taille, style et couleur de la bordure */
  background:  #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
  padding: 3px; /* espacement entre les bords et le texte */
}

/* BOITE DES DIV */

.fondpa{ /* fond des bloc texte */
margin: 10px; /* marge extérieure */
  font-size:12px; /* taille du texte */
  padding: 5px; /* marge intérieure */
  background-color: #F4F4F3; /* fond de couleur */
  border-left:3px solid #8B8785; /* bordure de gauche */
    border-right:3px solid #8B8785; /* bordure de droite */
    border-top:0px solid #8B8785; /* bordure du haut */
    border-bottom:0px solid #8B8785; /* bordure du bas */
}

.navigpa{ /* navigation du premier onglet */
padding: 2px; /* marge intérieure */
  font-size:13px; /* taille du texte */
  background-color: #E9D9D8; /* fond de couleur */
  text-align:center; /* alignement du texte */
  border-left:3px solid #8B8785; /* taille, style et couleur de la bordure de gauche */
  margin-left: 5px; /* marge extérieure de gauche */
}
.navigpa:hover{ /* navigation au survol */
  background-color: #8B8785; /* fond de couleur */
  border-left:3px solid #444343; /* taille, style et couleur de la bordure de gauche */
}

/* ONGLET ET CONTENU */

.onglet{ /* onglet */
display:inline-block;
text-decoration:none;
width: 300px; /* largeur */
background-color:#B9AEA5; /* couleur de fond */
padding:4px; /* marge intérieur */
font-size:15px; /* taille du texte */
color: #000000; /* couleur du texte */
}

.onglet:hover { /* onglet au survol */
display:inline-block;
text-decoration:none;
background-color:#F4F4F3; /* fond de couleur */
color: #FFFFFF;/* couleur du texte */
}

.contenu_onglet{ /* boite du contenu de l'onglet */
margin-top:0px;margin-bottom:5px;margin-right:2px;margin-left:2px;
padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;
display:none;
overflow:auto;
font-size:11px; /* taille du texte */
height:500px; /* hauteur */
width:700px; /* largeur */
text-align:justify; /* alignement du texte */
}

/* FIN DE LA PAGE D'ACCUEIL */

Et le html
Code:
<table width="460"><tr><td width="460" vAlign="top"><br><div class="gensmall"><script language="Javascript" type="text/javascript" SRC="http://testadmins.forumactif.com/panashii-h7.htm"></script><div>
 <center>
<span class="onglet_0 onglet" id="onglet_drh" onmouseover="javascript:change_onglet('drh');">Town news</span>
<span class="onglet_0 onglet" id="onglet_drh2" onmouseover="javascript:change_onglet('drh2');">Miami city</span>
</center>
</td></tr>
<tr><td width="800"><div class="contenu_onglet" id="contenu_onglet_drh">
<table width="100%"><tr><td><div class="fondpa">
<table border="0">
  <tr>
    <td><div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 18px; letter-spacing: 1pt; text-transform: lowercase; text-shadow: 0px 0px 1px; TEXT-ALIGN: center; ">  le contexte </div><br><div style="font-family: Arial; font-size: 10px;letter-spacing: 1pt; text-transform: lowercase; TEXT-ALIGN: center; "><div align="justify">Bienvenue à Miami. Sur la côte Est des Etats-Unis, tout au sud. Nous espérons que tu as fait bon voyage. Nous sommes en 2150, et Miami n’est plus la grande ville qu’elle a été jadis. Néanmoins, elle ne manque pas de touristes. Tout le monde veut voir cette ville qui jadis était l’une des plus grandes puissances de la Floride. Aujourd’hui, c’est surtout devenu une ville de décadence morale. Les vieux se font de plus en plus rares...<a href="http://hi-miami.forumgratuit.be/t9-contexte?tid=eb391d1d1e48e76b41ca43dc4ab7b94c" class="postlink"><div style="font-family: Arial; font-size: 12px;letter-spacing: 2pt;"><strong><font color="#D36B6B">suite</font></strong></div></div></font></a></div>
</div><div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 18px; letter-spacing: 1pt; text-transform: lowercase; text-shadow: 0px 0px 1px; TEXT-ALIGN: center; "> news about miami </div> <br> <div style="font-family: Arial; font-size: 10px;letter-spacing: 1pt; text-transform: lowercase; TEXT-ALIGN: center; "><div align="justify"> Bonjour, aujourd'hui dans les nouvelles de Miami nous avons
<br>✛ le forum a ouvert ses portes le 25 avril 2012.
<br>✛ la version actuelle est celle d'ouverture
<br>✛ aucun évenement en vue pour le moment.</td>
    <td width="150"><div class="navigpa"><a href="http://hi-miami.forumgratuit.be/t1-reglement">REGLEMENT</a></div><div class="navigpa"><a href="http://hi-miami.forumgratuit.be/t8-groupes">GROUPES</a></div><div class="navigpa"><a href="http://hi-miami.forumgratuit.be/t6-bottin">BOTTIN</a></div><div class="navigpa"><a href="http://hi-miami.forumgratuit.be/t7-questions-des-invites">QUESTIONS</a></div><div class="navigpa"><a href="http://hi-miami.forumgratuit.be/f5-partenariat">PARTENAIRES</a></div>
</td>
  </tr>
</table>
</div>

 </td><td width="110">
 <a href="#" class="infobulle"><img src="http://img11.hostingpics.net/pics/291078ICON1.png">
  <span><center>Maddy Callaghan<br>
Texte Texte</center>
  </span></a> <br>
 <a href="#" class="infobulle"><img src="http://img11.hostingpics.net/pics/561624ICON2.png">
  <span><center>Aaron Lewis<br>
Texte Texte</center>
  </span></a> <br>
 <a href="#" class="infobulle"><img src="http://img11.hostingpics.net/pics/996647ICON3.png">
  <span><center>PSEUDO<br>
Texte Texte</center>
  </span></a> <br>
 <a href="#" class="infobulle"><img src="http://img190.imageshack.us/img190/2194/rondh.png">
  <span><center>Hailey M. Kaysleybr>
Texte Texte</center>
  </span></a> <br>

</td></tr></table>

</div></div><div class="contenu_onglet" id="contenu_onglet_drh2"><div class="fondpa">
<table width="100%"><tr><td>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </td><td width="40%" valign="top"><br><br><br>

<center><select size="1" style="font-size:13px; width:80%;" onchange="window.open(this.options[this.selectedIndex].value)">
  <option value="partenaires" selected>Partenaires</option>
  <option value="URL" target="_blank">#01</option>
  <option value="URL" target="_blank">#02</option>
  <option value="URL" target="_blank">#03</option>
</select></center>

</td></tr></table>
</div><center>

 <a href="#" class="infobulle"><img src="http://i43.servimg.com/u/f43/17/43/03/97/carre10.png">
  <span><center>Texte Texte texte<br>
Texte Texte</center>
  </span></a>

 <a href="#" class="infobulle"><img src="http://i43.servimg.com/u/f43/17/43/03/97/carre10.png">
  <span><center>Texte Texte texte<br>
Texte Texte</center>
  </span></a>

 <a href="#" class="infobulle"><img src="http://i43.servimg.com/u/f43/17/43/03/97/carre10.png">
  <span><center>Texte Texte texte<br>
Texte Texte</center>
  </span></a>

 <a href="#" class="infobulle"><img src="http://i43.servimg.com/u/f43/17/43/03/97/carre10.png">
  <span><center>Texte Texte texte<br>
Texte Texte</center>
  </span></a>

 <a href="#" class="infobulle"><img src="http://i43.servimg.com/u/f43/17/43/03/97/carre10.png">
  <span><center>Texte Texte texte<br>
Texte Texte</center>
  </span></a> </center>


</div></div>



<script type="text/javascript">
//<!--
var anc_onglet = 'drh';
change_onglet(anc_onglet);
//-->
</script>
</div>
</div>
</td></tr>
</table>

Smile

*Suika*
**

Messages : 64
Inscrit(e) le : 25/01/2012

http://moonlight-shadows.forumgratuit.be
*Suika* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA sur Internet Explorer (résolu)

Message par Psyaliah le Sam 12 Mai 2012 - 15:31

En l'installant sur mon forum test, et en ouvrant ce forum sous Internet Explorer 9, je la vois parfaitement sans aucun soucis.
Avez vous essayer de vider le cache sous IE ?

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA sur Internet Explorer (résolu)

Message par *Suika* le Sam 12 Mai 2012 - 18:58

Bizarre.. Parce que moi je ne vois rien,
euh, vider le cache sous IE ? Je dois faire comment ? Smile

*Suika*
**

Messages : 64
Inscrit(e) le : 25/01/2012

http://moonlight-shadows.forumgratuit.be
*Suika* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA sur Internet Explorer (résolu)

Message par Psyaliah le Sam 12 Mai 2012 - 20:22

Tu vas dans les options internet de IE, et tu dois avoir un bouton pour vider le cache ^^

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA sur Internet Explorer (résolu)

Message par *Suika* le Sam 12 Mai 2012 - 20:35

Je ne sais pas trop comment, mais c'est résolu ^^

*Suika*
**

Messages : 64
Inscrit(e) le : 25/01/2012

http://moonlight-shadows.forumgratuit.be
*Suika* a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum