Problème de mise en page sous IE Bouton_activeProblème de mise en page sous IE Bouton_hoverProblème de mise en page sous IE Fb-hoverProblème de mise en page sous IE Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Problème de mise en page sous IE EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de mise en page sous IE EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de mise en page sous IE EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de mise en page sous IE EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de mise en page sous IE EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de mise en page sous IE EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de mise en page sous IE EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème de mise en page sous IE EmptyMar 07 Fév 2023, 08:40 par Oxtran

-20%
Le deal à ne pas rater :
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, 144 Hz, FreeSync ...
399 € 499 €
Voir le deal

Partagez
 

Problème de mise en page sous IE

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Problème de mise en page sous IE Empty
Bonsoir!
J'ai un petit soucis avec le code de ma PA. Sous Firefox, elle s'affiche parfaitement, mais sous IE, les Infobulles ont un petit soucis. Voilà la vue sous IE. Sous firefox, le texte et les images se superposent parfaitement sur l'image de background. Je me doute que ca doit venir de mon code, mais je ne parviens pas à trouver où est le problème... Merci d'avance pour votre aide!
Spoiler:
Code:
<div style="background-image: url(http://img10.hostingpics.net/pics/871412commande_audrey_5_copie.png); background-repeat: no-repeat"><script type="text/javascript">
<!--
sfHover = function() {
        var sfEls = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>
<ul id="menu">
<li><a href="#">Avant-Propos</a>
<ul>
<li><a href="http://www.fascination-rpg.com/histoire-contexte-f71/contexte-du-forum-t19.htm">Contexte</a></li>
<li><a href="http://www.fascination-rpg.com/regles-f36/reglement-du-rpg-t6.htm">Règles du RPG</a></li>
<li><a href="http://www.fascination-rpg.com/regles-f36/reglement-du-forum-de-la-chatbox-t1.htm">Règles du Forum</a></li>
</ul>
</li>
<li>
<a href="#">Personnages</a>
<ul>
<li><a href="http://www.fascination-rpg.com/avatars-f76/">Avatars</a></li>
<li><a href="http://www.fascination-rpg.com/humains-f74/">Humains</a></li>
<li><a href="http://www.fascination-rpg.com/loups-f73/">Loups</a></li>
<li><a href="http://www.fascination-rpg.com/vampires-f72/">Vampires</a></li>
<li><a href="http://www.fascination-rpg.com/hybrides-f75/">Hybrides</a></li>
<li><a href="http://www.fascination-rpg.com/pv-s-des-membres-f66/">PVs des Membres</a></li>
</ul>
</li>     
<li>
<a href="#">Gestion</a>
<ul>
<li><a href="http://www.fascination-rpg.com/fiches-de-presentation-f32/">Présentation</a></li>
<li><a href="http://www.fascination-rpg.com/gerer-ses-sujets-f107/">Gérer ses Sujets</a></li>
<li><a href="http://www.fascination-rpg.com/gerer-ses-relations-f117/">Gérer ses Relations</a></li>
<li><a href="http://www.fascination-rpg.com/scenarii-f82/">Scénarii</a></li>
<li><a href="http://www.fascination-rpg.com/requetes-f27/">Requêtes</a></li>
</ul>
</li>
<li>
<a href="#">En plus</a>
<ul>
<li><a href="http://www.fascination-rpg.com/regles-contexte-f1/l-equipe-pour-savoir-qui-fait-quoi-et-qui-est-tout-puissant-x-t1034.htm#26294">L'équipe</a></li>
<li><a href="http://www.fascination-rpg.com/aide-au-rpg-f94/">Besoin d'aide ?</a></li>
<li><a href="http://www.fascination-rpg.com/post.forum?mode=newtopic&f=90">Questions & Problèmes</a></li>
</ul>
</li>     
</ul><br/>



<table width="100%" align="center">
<td width=200px><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><div style="text-align:center; padding-left:15px;"><font size="1">Humains ▬ 19 ▬ <font color="#004A00">Ouvert</font><br>
      Loups ▬ 22 ▬ <font color="#004A00">Ouvert</font><br>
      Vampires ▬ 35 ▬ <font color="darkred">Fermé</font>, hors PVs<br>
      Hybrides ▬ 3 ▬ <font color="darkred">Fermé</font>, hors PVs</font></div>
      <div style="text-align:justify; padding-left:15px;"><font size="1">Nous recherchons des <u>Loups</u>, des <u>Humains</u> & des <u>persos masculins</u>.</font></div>

<br/><br/>

<marquee class="Scroller" scrollamount="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()" style="height: 88px; width: 183px; padding-left:15px;" ><div align="justify">L’impensable est arrivé… L’équilibre est en phase d’être rompu. La ville de Forks va sombrer. Qui pourra la sauver ? Les couples se font et se défont. C’est ce qui est arrivé à Bella Swan et Edward Cullen. Le jeune vampire prétend être lassé par son humaine. Le clan d’Olympic décide de quitter Forks… A la suite de ce départ, le clan Hors-la-loi se retrouve tout puissant sur la ville de Forks. Mais le clan d’Avant-Garde est là pour protéger les humains de la ville de Forks. De leurs côté, les meutes de Loups de La Push et de Forks ont du mal à accepter que des vampires veuillent protéger les humains… Mais comment lutter lorsque certains loups deviennent une menace? Certains loups choisissent le côté du mal. C’est le cas de Daisuke Kome, frère de Lénie, bien décidé à semer le trouble parmi les humains. Tapis dans l’ombre, les Volturi préparent leur retour avec précision et minutie… Des membres du clan sont régulièrement envoyés à Forks pour surveiller la ville… La menace avance doucement, mais surement… Laquelle des deux races triomphera ?</div></marquee></td>

<td width=300px><center></center></td>

<td width=230px><br/><br/><br/><br/><br/><br/><br/><br/><marquee class="Scroller" scrollamount="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()" style="height: 130px; width: 215px; text-align:justify; padding-left:45px; padding-right: 5px; position: top">•• Le scénario "<a href="http://www.fascination-rpg.com/premiere-guerre-raciale-f102/">Première guerre raciale</a>" va bientôt commencer: consultez le sujet de <a href="http://www.fascination-rpg.com/premiere-guerre-raciale-f102/3-mise-en-place-principale-t1291.htm">Mise en Place</a>. Dépêchez-vous!<br><br>
•• Le scénario "<a href="http://www.fascination-rpg.com/sauve-de-justesse-f104/">Sauvé de justesse</a>", pour clôturer le tome 2, va bientôt commencer: consultez le sujet de <a href="http://www.fascination-rpg.com/sauve-de-justesse-f104/mise-en-place-t1283.htm">Mise en Place</a> au plus vite.<br><br>
•• Venez donner votre avis le nouveau design du forum! Votre avis nous intéresse! Rendez vous <a href="http://www.fascination-rpg.com/annonces-f101/version-6-premier-anniversaire-du-forum-t1365.htm">par ici</a>.<br><br>
•• Faites nous un lien, on adore ça! =P<div align="center"><img src="http://sd-1.archive-host.com/membres/up/1571121943713883/Fascination_-_RPG/logozf.jpg"></div></marquee>
<br/><br/><br/><div style="text-align: center; padding-left:45px;"><a href="#" class="infobulle"><img src="http://img51.imageshack.us/img51/1637/stef.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Stefany Lawrence</font></div><font size ="1">Fondatrice</font><div align="center"><img src="http://img684.imageshack.us/img684/6206/stefanyicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=1" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=1" target="_blank">Contact</a></div></span></a>

<a href="#" class="infobulle"><img src="http://img682.imageshack.us/img682/9448/carlv.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Carlisle Cullen</font></div><font size ="1">Administrateur</font><div align="center"><img src="http://img689.imageshack.us/img689/1025/carlisleicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=90" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=90" target="_blank">Contact</a></div></span></a>

<br/><br/>

<a href="#" class="infobulle"><img src="http://img709.imageshack.us/img709/5337/victoire.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Victoire Volturi</font></div><font size ="1">Modératrice</font><div align="center"><img src="http://img684.imageshack.us/img684/8849/victoireicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=166" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=166" target="_blank">Contact</a></div></span></a>

<a href="#" class="infobulle"><img src="http://img684.imageshack.us/img684/9259/edwardq.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Edward Cullen</font></div><font size ="1">Modérateur</font><div align="center"><img src="http://img62.imageshack.us/img62/8702/edwardicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=8" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=8" target="_blank">Contact</a></div></span></a>

<a href="#" class="infobulle"><img src="http://img684.imageshack.us/img684/3098/lniekomed.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Lénie Kome</font></div><font size ="1">Modératrice</font><div align="center"><img src="http://img502.imageshack.us/img502/8840/lnieicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=103" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=103" target="_blank">Contact</a></div></span></a>

<a href="#" class="infobulle"><img src="http://img27.imageshack.us/img27/5630/mlodie.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Mélodie Wagram</font></div><font size ="1">Modératrice</font><div align="center"><img src="http://img51.imageshack.us/img51/6769/mlodieicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=152" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=152" target="_blank">Contact</a></div></span></a>

<a href="#" class="infobulle"><img src="http://img684.imageshack.us/img684/9334/ninasparks.png">
<span><div class="font-variant: upper-case;  letter-spacing:0.03in;" align="center"><font size="1">Nina Sparks</font></div><font size ="1">Modératrice</font><div align="center"><img src="http://img684.imageshack.us/img684/2961/ninaicone.png"></div><div align="center"><a href="http://www.fascination-rpg.com/profile.forum?mode=viewprofile&u=169" target="_blank">Profil</a> & <a href="http://www.fascination-rpg.com/msg.forum?mode=post&u=169" target="_blank">Contact</a></div></span></a></div></td></table><br/><div align="center"><a href="http://best-rpg.forumpro.fr/"><img src="http://img190.imageshack.us/img190/8483/bestbannirek.png"></a><br/>
<font size="1" color="#3E536C">©️ Fascination-RPG 2010 - Toute reproduction partielle ou totale est strictement interdite, et sera sévèrement sanctionnée.</font></div></div>
MessageSujet: Problème de mise en page sous IE   Problème de mise en page sous IE EmptyMar 26 Jan 2010, 14:34
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Problème de mise en page sous IE Empty
Je te suggère d'ajouter un tableau de ce genre:
Code:
<table>
<tr>
<td>Infobulle 1</td>
<td>Infobulle 2</td>
<td>Infobulle 3</td>
</tr>
<tr>
<td>Infobulle 4</td>
<td>Infobulle 5</td>
<td>Infobulle 6</td>
</tr>
</table>

Utilisant IE la plupart du temps, c'est le truc que j'ai trouvé pour régler mon problème, qui m'a d'abord été conseillé par Orange.

Donc entre chaque balise
Code:
<td></td>
Tu installes le code de l'infobulles qui va à cet endroit =D

Le tableau donne un truc du genre:

Infobulle 1 - Infobulle 2 - Infobulle 3
Infobulle 4 - Infobulle 5 - Infobulle 6

En espérant avoir répondu à ta question~
Si tu as de la difficulté à insérer la table, tu peux me le dire et je t'aiderais
MessageSujet: Re: Problème de mise en page sous IE   Problème de mise en page sous IE EmptyMar 26 Jan 2010, 20:59
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Problème de mise en page sous IE Empty
Merci pour le conseil Iko! Par contre, le tableau que je dois obtenir pour les infobulles devrait plutot etre comme ça:
Infobulle 1 - Infobulle 2
Infobulle - Infobulle - Infobulle
Infobulle - Infobulle
Quel est le code de tableau que je dois utiliser pour obtenir cette mise en page? (Les tableaux et moi, ca fait vraiment 42 XD)
MessageSujet: Re: Problème de mise en page sous IE   Problème de mise en page sous IE EmptyMer 27 Jan 2010, 03:35
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Problème de mise en page sous IE Empty
Dans ce cas-là, tu mets ce code :
Code:
<table>
  <tr>
    <td>
      Infobulle 1
    </td><td>
      Infobulle 2
    </td>
  </tr>
</table>

<table>
  <tr>
    <td>
      Infobulle 3
    </td><td>
      Infobulle 4
    </td><td>
      Infobulle 5
    </td>
  </tr>
</table>

<table>
  <tr>
    <td>
      Infobulle 6
    </td><td>
      Infobulle 7
    </td>
  </tr>
</table>

Voilà tout ^^'
MessageSujet: Re: Problème de mise en page sous IE   Problème de mise en page sous IE EmptyDim 31 Jan 2010, 04:38
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



Problème de mise en page sous IE Empty
Merci Basil, je vais tester ça! =D
MessageSujet: Re: Problème de mise en page sous IE   Problème de mise en page sous IE EmptyDim 31 Jan 2010, 04:41
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de mise en page sous IE Empty
MessageSujet: Re: Problème de mise en page sous IE   Problème de mise en page sous IE Empty
Revenir en haut Aller en bas
 

Problème de mise en page sous IE

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu] Problème mise en page
» Problème Mise En Page
» Problème de mise en page.
» Problème mise en place de mes sous forum
» Problème mise en page message

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit