Problème avec une PA en accordéon !

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

Résolu Problème avec une PA en accordéon !

Message par -Azuline- Lun 24 Oct 2011 - 20:34

Bonsoir ! I love you
J'ai un problème assez urgent avec ma page d'accueil, je viens de la créer et c'est une PA en accordéon, le problème est que le quatrième et dernier onglet refuse de s'afficher.

ONGLET qui marche:
ONGLET absent:

Ici mon code (sur une page html)

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GAME OF THRONES</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; }

body {
font-family: Times New Roman, Arial, sans-serif;
  font-size: 11px;
  margin:10px;
}

#fond_principal{                              /*    est le fond  général  */
padding:10px;
width:600px;                                  /*  largeur */
position:absolute;
z-index:2;
margin: 3px;
background-image: url("http://i68.servimg.com/u/f68/14/88/32/44/00000018.png");
border: 3px #341510 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow:  0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

.titre{
font-family: times new roman;
font-size : 28px;
color: #F29811;
font-style: italic;
text-align: center;
font-weight : bold;
text-shadow: #0B0B0B 0px 1px 6px;
margin-top: -18px;
}

.titre5{
font-family: times new roman;
font-size : 12px;
color: #F29811;
font-style: italic;
text-align: center;
font-weight : bold;
text-shadow: #0B0B0B 0px 1px 6px;
}

.bouton{                                  /* est le bouton à l'état normal */
color:#fff;
cursor:pointer;
font-family: times new roman;
font-size : 12px;
color: #F29811;
font-style: italic;
text-align: center;
font-weight : bold;
text-shadow: #0B0B0B 0px 1px 6px;
padding:5px;
margin : 3px;
margin-top: 25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #341510;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}

.bouton:hover{                    /* est le bouton au survol */
  background:#341510;
}


.bouton_actif{                    /* est le bouton sélectionné */
  background:#0B0B0B;
}

.bouton_container{        /* est la largeur et position des boutons */
width: 120px;
float: left;
}

.contenu_accordeon{        /*  est le fond accordéon ou s'affiche le texte */
padding:15px;
background:#341510;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
height: 200px;
font-family: arial; font-size: 12px;
}

.tout_accordeon{                            /*  est la largeur et position de l accordeon  */
width: 470px;
float: right;
}

/* INFOBULLES */

a.info {
  position: relative;
  text-decoration: none;
}

a.info span {
  display: none;
}
a.info:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.info:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 0px;
  left: 0px;
  height: 35px;
  width: 80px;
  background: #341510;
  color: B0A887;
  padding: 0px;
-moz-border-radius: 5px;
  border: 0px solid black;
  border-left: 1px solid #F29812;
  border-right: 1px solid #F29812;
  border-top: 1px solid #F29812;
  border-bottom: 1px solid #F29812;
}

/* ---------------------------------------- CONTENU DES ONGLETS ----- */
.forumlink{
    font-family: georgia;
    font-size: 25px;
    color: #F29811;
        text-align: center;
    }
.gif{
          border: 2px solid #ED7257;
          padding: 5px;
          margin: 5px;
          -moz-border-radius: 6px;
          opacity: 0.7;
}
.gif:hover{
          border: 2px solid #F29811;
          opacity: 1;
}
a img {
    border: none;
    }
a:link {
    text-decoration: none !important;
    color : #F29811;
    }
a:active {
    text-decoration: none !important;
    color : #F29811;
    }
a:visited {
    text-decoration: none !important;
    color : #F29811;
    }
a:hover{
    text-decoration: none !important;
    color : #F29811;
        font-style: italic;
    }

</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
</head>
<body onload="new Accordian('fond_principal',5,'bouton_actif');">
<div id="fond_principal" >
<div class="bouton_container"><div id="ouvrir1-selection" class="bouton bouton_actif">actu GOT</div><div id="ouvrir2-selection" class="bouton" >à westeros</div><div id="ouvrir3-selection" class="bouton" >les souverains</div><div id="ouvrir4-selection" class="bouton" >nos alliés</div>
</div><div class="tout_accordeon">
<div id="ouvrir1-content"><div class="contenu_accordeon">
<div class=titre>Bienvenue à Westeros voyageur Ҩ</div><center><a href="http://gameofthrones.allianceogame.com/t17-contexte-l-hiver-vient?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">l'histoire</a>▲ <a href="http://gameofthrones.allianceogame.com/t21-le-texte-de-lois-le-reglement?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">les lois</a> ▲ <a href="http://gameofthrones.allianceogame.com/t3-le-bottin-des-avatars?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">le bottin</a>▲ <a href="http://gameofthrones.allianceogame.com/f12-postes-vacants?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">les héros</a></center><br><table><td><div style="overflow: auto; height: 170px; width: 200px;"><div class="titre5">les missives</div><br><div align="justify"><span style="font-size: 9px; line-height: normal;">ϟ <b>02/10/2011</b> ouverture officielle du forum !<br><b>ϟ intrigue</b> elles ont débuté depuis quelques jours ! N'hésitez plus, participer à l'assaut des barbares au Mur, au sac de Winterfell ou encore, à la prise de Lancehélion !<br><b> ϟ version 2</b> magnifique design par axelle, merci beaucoup à elle ! codes par alaric & erza, <a href="http://gameofthrones.allianceogame.com/t253-newsletter-1-le-val-d-arryn-a-l-honneur#3708" class="postlink">CLIQUEZ ICI POUR + D'INFOS !</a><br></span></div></div></div></td><td></td><td></td><td></td><td><div style="overflow: auto; height: 170px; width: 250px;"><div class="titre5">le péché du maitre</div><br><div align="justify"><span style="font-size: 9px; line-height: normal;">Un hiver des plus rudes arrivait à grand pas sur tout Westeros. La plupart des régions seront touchés, à part Dorne et le Bief, peut-être. Mais l'hiver n'est pas la pire des choses qui menacent Westeros, non, les complots et l'envie de vouloir le trône de fer est au cœur de bon nombres de nobles qui désirent s'y installer. Et si ceux qui ont juré allégeance aux dragons voulaient les frapper d'un coup de couteau dans le dos ? Rien n'est impossible. Addam Stark, anciennement seigneur de Winterfell, suzerain et gouverneur du nord et surtout, Main du roi a été tué il y a quelques temps et le coupable ne serait autre que son fils ainé, Théoden qui voulait s'emparer du trône, mais ce dernier, avant de s'enfuir pour échapper à une sentence certaine, a clamé son innocence. Si ce n'est pas Théoden, qui a tué l'ancienne Main et pourquoi ?</span></font> <a href="http://gameofthrones.allianceogame.com/t17-contexte-l-hiver-vient?tid=14c8f4779183891935b26f0d3bbd4d66" class="postlink">LIRE LA SUITE ••</a> </span></div></div></div></div>

</td></table>

</div>
</div>
 <div id="ouvrir2-content"><div class="contenu_accordeon">
      <div class=titre>Dans nos contrées Ҩ</div><br>
<table><td><img src="http://images4.fanpop.com/image/photos/23900000/Jon-Snow-jon-snow-23943429-100-100.png"><br><div class="titre5">le membre du mois :<br>
Ilyas Arryn !</div><a href="http://gameofthrones.allianceogame.com/u21" class="postlink">SON PROFIL ☈</a> </td> <td></td><td></td><td></td><td></td><td></td><td></td><td> <img src="http://images4.fanpop.com/image/photos/23200000/Jaime-Cersei-jaime-lannister-23256900-100-100.png"><br><div class="titre5">le rp du mois :<br>
Jane & Alaric Lannister !</div><a href="http://gameofthrones.allianceogame.com/t83-hot-le-lion-et-la-lionne-jeyne-pv-termine" class="postlink">LE RP (-14) ☈</a></td><td></td><td></td><td><div style="overflow: auto; height: 170px; width: 200px;"><div class="titre5">la fureur du temps</div><br><div align="justify"><span style="font-size: 9px; line-height: normal;"><b><font color="gray">LE NORD</font></b> ϟ temps nuageux, un ciel sans soleil et particulièrement couvert. Des averses sont prévues pour les prochains jours. <br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-many-clouds-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-snow-scattered-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-1-icon.png" border="0" alt="" /></center><br><b><font color="steelblue">LE VAL D'ARRYN</font></b> ϟ temps plutôt couvert, avec quelques éclaircies cependant. Les températures sont assez fraiches néanmoins.<br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-many-clouds-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clouds-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" /></center><br><b><font color="black">LES ÎLES DE FER</font></b> ϟ temps très couvert, des averses sont prévues sur Pyk et quelques îles, attention, des vents violents sont signalés ! Ne prenez pas la mer.<br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" /></center><br><b><font color="#B271C7">LE CONFLANS</font></b> ϟ la perturbation qui touche les îles de fer touche également le Conflans. Un temps couvert, quelques averses, mais le vent souffle nettement moins, avec quelques éclaircis possible.<br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clouds-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" /></center><br><b><font color="#B03C3C">TERRES DE L'OUEST</font></b> ϟ du soleil est attendu, mais avec un brouillard plutôt épais près du Roc. Des températures plutôt basses et des averses pourraient être à prévoir, méfiance.<br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-few-clouds-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-day-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" /></center><br><b><font color="#46B54A">LE BIEF</font></b> ϟ pour cette magnifique région, les températures sont hautes, agréables cependant. Du soleil et uniquement du soleil, profitez en ! <br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-4-icon.png" border="0" alt="" /></center><br><b><font color="#E68F61">DORNE</font></b> ϟ la canicule qui s'est soudainement abattue sur la principauté de Dorne continue de s'étendre et les cultures agricoles sont entrain de mourir, ne sortez pas longtemps, le soleil est meurtrier !<br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-5-icon.png" border="0" alt="" /></center><br><b><font color="#CFC94F">TERRES DE L'ORAGE</font></b> ϟ la canicule qui touche Dorne commence à arriver sur les terres de l'orage, le choc des deux climats provoquent de violents orages un peu partout dans la région, ne sortez qu'en cas de nécessité absolue ! <br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-storm-day-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-4-icon.png" border="0" alt="" /></center><br><b><font color="#E6617D">LA COURONNE</font></b> ϟ le soleil est masqué par des nuages, mais il fait bon vivre cependant. Attention à quelques averses près des frontières des terres de l'orage cependant, puisque la perturbation se déplace vers les terres de la Couronne. <br><center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clouds-icon.png"></img> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-icon.png"></img> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-3-icon.png" border="0" alt="" /></center></span></div></div></div></td></table></div>
</div>
</div>
 <div id="ouvrir3-content"><div class="contenu_accordeon">
<div class=titre>Ils siègent sur le trône de fer Ҩ</div>
<center><table><td><div class="titre5">les souverains</div>
<a class="info"><img class="pix" src="http://img11.hostingpics.net/pics/776050testallistair.png"><span><div align="justify"><div class="titre10">allistair stark<br>présent<br>fondateur</div></div></span></a> <a class="info"><img class="pix" src="http://img11.hostingpics.net/pics/143801testjeyne.png"><span><div align="justify"><div class="titre10">jeyne lannister<br>présente</div></div></span></a> <a class="info"><img class="pix" src="http://img11.hostingpics.net/pics/794688testeleanore.png"><span><div align="justify"><div class="titre10">eleanor greyjoy<br>présente</div></div></span></a> <a class="info"><img class="pix" src="http://img11.hostingpics.net/pics/571320lirith.png"><span><div align="justify"><div class="titre10">Lirith Galendran<br>présente</div></div></span></a><br> <a class="info"><img class="pix" src="http://img11.hostingpics.net/pics/850726pourpanymeria.png"><span><div align="justify"><div class="titre10">nymeria martell<br>présente</div></div></span></a> <a class="info"><img class="pix" src="http://img11.hostingpics.net/pics/995191pourpaerza.png"><span><div align="justify"><div class="titre10">erza arryn<br>présente</div></div></span></a></div><br><br>
Le forum est administré par FIRE&BLOOD, Tiny ♥, Paleo, Bee, Middles Age & weeping angel. </div>.</center>
</div>
</div>

<div id="ouvrir4-content"><div class="contenu_accordeon">
INTERIEUR DE L'ONGLET QUI NE S'AFFICHE PAS !
</div>
</div>


</div>


</div>
</div>
</body>
</html>

Je remercie d'avance toutes les personnes qui vont essayer de m'aider I love you


Dernière édition par -Azuline- le Jeu 27 Oct 2011 - 17:51, édité 1 fois
-Azuline-

-Azuline-
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 20/12/2010

http://wanderingsouls.1fr1.net/
-Azuline- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une PA en accordéon !

Message par Invité Jeu 27 Oct 2011 - 12:01

Bonjour,

Le quatrième onglet ne s'affiche pas car dans le troisième, vous avez un tableau qui n'est pas fermé. De plus certaines balises sont fermées dans le désordre.
Essayez comme ceci:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GAME OF THRONES</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; }
 
body {
font-family: Times New Roman, Arial, sans-serif;
  font-size: 11px;
  margin:10px;
}
 
#fond_principal{                              /*    est le fond  général  */
padding:10px;
width:600px;                                  /*  largeur */
position:absolute;
z-index:2;
margin: 3px;
background-image: url("http://i68.servimg.com/u/f68/14/88/32/44/00000018.png");
border: 3px #341510 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow:  0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
 
.titre{
font-family: times new roman;
font-size : 28px;
color: #F29811;
font-style: italic;
text-align: center;
font-weight : bold;
text-shadow: #0B0B0B 0px 1px 6px;
margin-top: -18px;
}
 
.titre5{
font-family: times new roman;
font-size : 12px;
color: #F29811;
font-style: italic;
text-align: center;
font-weight : bold;
text-shadow: #0B0B0B 0px 1px 6px;
}
 
.bouton{                                  /* est le bouton à l'état normal */
color:#fff;
cursor:pointer;
font-family: times new roman;
font-size : 12px;
color: #F29811;
font-style: italic;
text-align: center;
font-weight : bold;
text-shadow: #0B0B0B 0px 1px 6px;
padding:5px;
margin : 3px;
margin-top: 25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #341510;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
 
.bouton:hover{                    /* est le bouton au survol */
  background:#341510;
}
 
 
.bouton_actif{                    /* est le bouton sélectionné */
  background:#0B0B0B;
}
 
.bouton_container{        /* est la largeur et position des boutons */
width: 120px;
float: left;
}
 
.contenu_accordeon{        /*  est le fond accordéon ou s'affiche le texte */
padding:15px;
background:#341510;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
height: 200px;
font-family: arial; font-size: 12px;
}
 
.tout_accordeon{                            /*  est la largeur et position de l accordeon  */
width: 470px;
float: right;
}
 
/* INFOBULLES */
 
a.info {
  position: relative;
  text-decoration: none;
}
 
a.info span {
  display: none;
}
a.info:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.info:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 0px;
  left: 0px;
  height: 35px;
  width: 80px;
  background: #341510;
  color: B0A887;
  padding: 0px;
-moz-border-radius: 5px;
  border: 0px solid black;
  border-left: 1px solid #F29812;
  border-right: 1px solid #F29812;
  border-top: 1px solid #F29812;
  border-bottom: 1px solid #F29812;
}
 
/* ---------------------------------------- CONTENU DES ONGLETS ----- */
.forumlink{
    font-family: georgia;
    font-size: 25px;
    color: #F29811;
        text-align: center;
    }
.gif{
          border: 2px solid #ED7257;
          padding: 5px;
          margin: 5px;
          -moz-border-radius: 6px;
          opacity: 0.7;
}
.gif:hover{
          border: 2px solid #F29811;
          opacity: 1;
}
a img {
    border: none;
    }
a:link {
    text-decoration: none !important;
    color : #F29811;
    }
a:active {
    text-decoration: none !important;
    color : #F29811;
    }
a:visited {
    text-decoration: none !important;
    color : #F29811;
    }
a:hover{
    text-decoration: none !important;
    color : #F29811;
        font-style: italic;
    }
 
</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
</head>

<body onload="new Accordian('fond_principal',5,'bouton_actif');"><div id="fond_principal" >
   <div class="bouton_container">
      <div id="ouvrir1-selection" class="bouton bouton_actif">actu GOT</div>
      <div id="ouvrir2-selection" class="bouton" >à westeros</div>
      <div id="ouvrir3-selection" class="bouton" >les souverains</div>
      <div id="ouvrir4-selection" class="bouton" >nos alliés</div>
   </div>
   <div class="tout_accordeon">
    <div id="ouvrir1-content">
       <div class="contenu_accordeon">
          <div class=titre>Bienvenue à Westeros voyageur ?</div>
          <center>
          <a href="http://gameofthrones.allianceogame.com/t17-contexte-l-hiver-vient?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">l'histoire</a>?
          <a href="http://gameofthrones.allianceogame.com/t21-le-texte-de-lois-le-reglement?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">les lois</a>?
          <a href="http://gameofthrones.allianceogame.com/t3-le-bottin-des-avatars?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">le bottin</a>?
          <a href="http://gameofthrones.allianceogame.com/f12-postes-vacants?tid=3b09ceee90a8080555fe821812dc9395" class="postlink">les héros</a>
          </center>
          <br>
          <table>
          <tr>
          <td>
          <div style="overflow: auto; height: 170px; width: 200px;">
          <div class="titre5">les missives</div><br>
          <div align="justify">
          <span style="font-size: 9px; line-height: normal;">? <b>02/10/2011</b> ouverture officielle du forum !
          <br>
          <b> ? intrigue</b> elles ont débuté depuis quelques jours ! N'hésitez plus, participer à l'assaut des barbares au Mur, au sac de Winterfell ou encore, à la prise de Lancehélion !<br><b> ? version 2</b> magnifique design par axelle, merci beaucoup à elle ! codes par alaric & erza,
          <a href="http://gameofthrones.allianceogame.com/t253-newsletter-1-le-val-d-arryn-a-l-honneur#3708" class="postlink">CLIQUEZ ICI POUR + D'INFOS !</a>
          <br>
          </span>
          </div>
          </div>
           </td>
          <td></td><td></td><td></td>
          <td>
          <div style="overflow: auto; height: 170px; width: 250px;">
          <div class="titre5">le péché du maitre</div>
          <br>
          <div align="justify">
          <span style="font-size: 9px; line-height: normal;">Un hiver des plus rudes arrivait à grand pas sur tout Westeros. La plupart des régions seront touchés, à part Dorne et le Bief, peut-être. Mais l'hiver n'est pas la pire des choses qui menacent Westeros, non, les complots et l'envie de vouloir le trône de fer est au cœur de bon nombres de nobles qui désirent s'y installer. Et si ceux qui ont juré allégeance aux dragons voulaient les frapper d'un coup de couteau dans le dos ? Rien n'est impossible. Addam Stark, anciennement seigneur de Winterfell, suzerain et gouverneur du nord et surtout, Main du roi a été tué il y a quelques temps et le coupable ne serait autre que son fils ainé, Théoden qui voulait s'emparer du trône, mais ce dernier, avant de s'enfuir pour échapper à une sentence certaine, a clamé son innocence. Si ce n'est pas Théoden, qui a tué l'ancienne Main et pourquoi ?
          </span>
          <a href="http://gameofthrones.allianceogame.com/t17-contexte-l-hiver-vient?tid=14c8f4779183891935b26f0d3bbd4d66" class="postlink">LIRE LA SUITE ••</a>
          </span>
          </div>
          </div>
          </td>
          </tr>
          </table>
       </div>
   </div>
   
    <div id="ouvrir2-content">
       <div class="contenu_accordeon">
           <div class=titre>Dans nos contrées ?</div><br>

      <table>
      <tr>
      <td>
      <img src="http://images4.fanpop.com/image/photos/23900000/Jon-Snow-jon-snow-23943429-100-100.png" />
      <br>
      <div class="titre5">le membre du mois :<br>   Ilyas Arryn !</div>
      <a href="http://gameofthrones.allianceogame.com/u21" class="postlink">SON PROFIL ?</a>
      </td>
       <td></td><td></td><td></td><td></td><td></td><td></td>
       <td>
       <img src="http://images4.fanpop.com/image/photos/23200000/Jaime-Cersei-jaime-lannister-23256900-100-100.png"><br>
       <div class="titre5">le rp du mois :<br>
      Jane & Alaric Lannister !</div>
      <a href="http://gameofthrones.allianceogame.com/t83-hot-le-lion-et-la-lionne-jeyne-pv-termine" class="postlink">LE RP (-14) ?</a></td>
      <td></td><td></td>
      <td><div style="overflow: auto; height: 170px; width: 200px;">
      <div class="titre5">la fureur du temps</div>
      <br>
      <div align="justify">
      <span style="font-size: 9px; line-height: normal;">
      <b><font color="gray">LE NORD</font>
      </b> ? temps nuageux, un ciel sans soleil et particulièrement couvert. Des averses sont prévues pour les prochains jours. <br>
      <center>
      <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-many-clouds-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-snow-scattered-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-1-icon.png" border="0" alt="" />
       </center><br>
       <b><font color="steelblue">LE VAL D'ARRYN</font>
       </b> ? temps plutôt couvert, avec quelques éclaircies cependant. Les températures sont assez fraiches néanmoins.<br>
       <center><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-many-clouds-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clouds-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" />
       </center><br>
       <b><font color="black">LES ÎLES DE FER</font>
       </b> ? temps très couvert, des averses sont prévues sur Pyk et quelques îles, attention, des vents violents sont signalés ! Ne prenez pas la mer.<br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" />
       </center><br><b><font color="#B271C7">LE CONFLANS</font>
       </b> ? la perturbation qui touche les îles de fer touche également le Conflans. Un temps couvert, quelques averses, mais le vent souffle nettement moins, avec quelques éclaircis possible.<br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clouds-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" />
       </center><br>
       <b><font color="#B03C3C">TERRES DE L'OUEST</font>
       </b> ? du soleil est attendu, mais avec un brouillard plutôt épais près du Roc. Des températures plutôt basses et des averses pourraient être à prévoir, méfiance.<br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-few-clouds-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-day-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-2-icon.png" border="0" alt="" />
       </center><br>
       <b><font color="#46B54A">LE BIEF</font>
       </b> ? pour cette magnifique région, les températures sont hautes, agréables cependant. Du soleil et uniquement du soleil, profitez en ! <br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-4-icon.png" border="0" alt="" /></center><br>
       <b><font color="#E68F61">DORNE</font>
       </b> ? la canicule qui s'est soudainement abattue sur la principauté de Dorne continue de s'étendre et les cultures agricoles sont entrain de mourir, ne sortez pas longtemps, le soleil est meurtrier !<br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-5-icon.png" border="0" alt="" />
       </center>
       <br><b><font color="#CFC94F">TERRES DE L'ORAGE</font>
       </b> ? la canicule qui touche Dorne commence à arriver sur les terres de l'orage, le choc des deux climats provoquent de violents orages un peu partout dans la région, ne sortez qu'en cas de nécessité absolue ! <br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clear-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-storm-day-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-4-icon.png" border="0" alt="" />
       </center>
       <br><b><font color="#E6617D">LA COURONNE</font>
       </b> ? le soleil est masqué par des nuages, mais il fait bon vivre cependant. Attention à quelques averses près des frontières des terres de l'orage cependant, puisque la perturbation se déplace vers les terres de la Couronne. <br>
       <center>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-clouds-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Status-weather-showers-scattered-icon.png"/>
       <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/temperature-3-icon.png" border="0" alt="" />
       </center>
       </span>
       </div>
       </div>
       </td>
       </tr>
       </table>
       </div>
    </div>
   
    <div id="ouvrir3-content">
       <div class="contenu_accordeon">
       <div class="titre">Ils siègent sur le trône de fer ?</div>
      <center>
      <table>
      <tr>
      <td>
      <div class="titre5">les souverains</div>
      <a class="info">
      <img class="pix" src="http://img11.hostingpics.net/pics/776050testallistair.png" />
      <span>
      <div align="justify">
      <div class="titre10">allistair stark<br>présent<br>fondateur</div>
      </div>
      </span>
      </a>
       <a class="info">
       <img class="pix" src="http://img11.hostingpics.net/pics/143801testjeyne.png" />
       <span>
       <div align="justify">
       <div class="titre10">jeyne lannister<br>présente</div>
       </div>
       </span>
       </a>
       <a class="info">
       <img class="pix" src="http://img11.hostingpics.net/pics/794688testeleanore.png" />
       <span>
       <div align="justify">
       <div class="titre10">eleanor greyjoy<br>présente</div>
       </div>
       </span>
       </a>
       <a class="info">
       <img class="pix" src="http://img11.hostingpics.net/pics/571320lirith.png" />
       <span>
       <div align="justify">
       <div class="titre10">Lirith Galendran<br>présente</div>
       </div>
       </span>
       </a>
       <br>
       <a class="info">
       <img class="pix" src="http://img11.hostingpics.net/pics/850726pourpanymeria.png" />
       <span>
       <div align="justify">
       <div class="titre10">nymeria martell<br>présente</div>
       </div>
       </span>
       </a>
       <a class="info">
       <img class="pix" src="http://img11.hostingpics.net/pics/995191pourpaerza.png" />
       <span>
       <div align="justify">
       <div class="titre10">erza arryn<br>présente</div>
       </div>
       </span>
       </a>
       </td>
      </tr>
      </table>
       <br><br>
      Le forum est administré par FIRE&BLOOD, Tiny ?, Paleo, Bee, Middles Age & weeping angel.
      </center>
      </div>
   </div>
   
 <div id="ouvrir4-content"><div class="contenu_accordeon">
INTERIEUR DE L'ONGLET QUI NE S'AFFICHE PAS !
</div>
</div>
 
</div>
</div>
</body>
</html>

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une PA en accordéon !

Message par -Azuline- Jeu 27 Oct 2011 - 17:50

Oh merci beaucoup ! I love you Ah c'est bien moi ça tout fermer dans le désordre Arrow Encore merci, ça fonctionne parfaitement ! ♥
-Azuline-

-Azuline-
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 20/12/2010

http://wanderingsouls.1fr1.net/
-Azuline- a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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