Décalage dans les images du staff

[Tsukiyo.Taho]

Bonjour,

J'ai un soucis avec la mise en forme du staff, en effet, il y a un retour à la ligne non voulut. Quelqu'un pourrait-il m'aider svp?

Voici l'adresse du forum: http://arcaellev2.forumgratuit.org/forum

Code:

#accueil_global a {
   text-decoration: none;
   color: firebrick;
}

#accueil_global a:hover {
   font-style: italic;
   text-decoration: underline;
}

#accueil_global {
   background-image:url('http://img4.hostingpics.net/pics/693962parchemin9002copy.png');
   width: 800px;
   height: 496px;
}

#left_column, #right_column {
   width: 25%;
   height: auto;
   float: left;
   margin-top: 110px;
}

#center_column {
   width: 50%;
   height: 100%;
   float: left;
   margin-top: 55px;
}

#lc_top_sites {
   margin-left: 85px;
   width: 80px;
   text-align: center;
}

#lc_partenaires {
   margin-left: 65px;
   margin-top: 30px;
   width: 125px;
   text-align: center;
   overflow: hidden;
}

#cc_welcome {
   margin: 3px 25px 10px;
   height: 68px;
   overflow: auto;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
}

#cc_video {
   width: 265px;
   height: 190px;
   margin: auto;
}

#cc_bottom {
   margin: 0px 3px 0px;
   display: inline;
}

#cc_b_register {
   width: 270px;
   margin-top: 10px;
   margin-right: 5px;
   margin-left: 10px;
   float: left;
   text-align: center;
   font-weight: bold;
   font-size: 14px;
}

#cc_b_predef {
   width: 80px;
   height: 70px;
   margin-top: 10px;
   margin-right: 10px;
   margin-left: 5px;
   float: right;
   overflow: auto;
   
}

#rc_staff {
   width: 100px;
   text-align: center;
   margin-top: 30px;
   margin-left: 10px;
   height: 100%;
   display: inline-block;
}

#rc_link {
   text-align: center;
   width: 120px;
   height: 35px;   
   overflow: hidden;
   font-size: 14px;
}

#marquee_link {
   text-align: center;
}

.content_background {
   background-color: BurlyWood;
   padding: 5px;
   border-radius: 6px;
   -moz-border-radius: 6px; /* Firefox 3.6 et avant */
   opacity : 0.8;
   filter: alpha(opacity=80); /* IE */
}

.welcome_border {
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
   -moz-border-top-left-radius: 30px; /* Firefox 3.6 et avant */
   -moz-border-top-left-radius: 30px; /* Firefox 3.6 et avant */
}

.orange_title {
   font-family: 'Comic Sans Ms';
   font-size: 14px;
   color: orangered;
   font-weight: bold;
   font-style: italic;
}

.red_link {
   font-family: 'Comic Sans Ms';
   color: red;
   font-weight: bold;
   font-size: 11px;
}

.partenaire_link {
   font-weight: bold;
   font-size: 12px;
}

.welcome_title {
   font-family: 'Comic Sans Ms';
   font-size: 14px;
   color: orangered;
   font-weight: bold;
   font-style: italic;
   text-align: center;
}

.red_italic {
   color: red;
   font-style: italic;
}

.predef_style {
   font-size: 11px;
   font-style: italic;
   font-weight: bold;
   font-family: 'Comic Sans Ms';
   color: black;
}

#accueil_global div.infobulle {
  position: relative;
  margin: 5px;
}

#accueil_global div.infobulle span {
  display: none;
  color: darkred;
  font-family: 'Comic Sans Ms';
  font-size: 13px;
}

#accueil_global div.infobulle:hover {
  background: none;
}

#accueil_global div.infobulle:hover span {
  display: inline;
  position: absolute;
  z-index: 9999;
  background-color: #fff;
}

.ib_left {
   float: left;
}

.ib_right {
   float: left;
}

#accueil_global div.ib_center {
   float: left;
   margin-left: 30px;
}

#blank {
   height: 10px;
}


Le css

Code:

<!-- Code HTML écrit par Pierre-Jean GUILMARD aka Lord Hinateur pour le forum Arcaëlle (20/06/2011). Merci de ne pas supprimer ce commentaire :) -->
  <div id="accueil_global">
     
      <div id="left_column">
       
        <div id="lc_top_sites" class="content_background">
            <span class="orange_title">Top sites</span>
            <br/>
            <span class="red_link">
              <a href="http://www.root-top.com/topsite/harry_potter_the_world/in.php?ID=8224" target="_blank">voter</a> -
              <a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1174" target="_blank">voter</a><br/>
              <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16754" target="_blank">voter</a> -
              <a href="http://www.root-top.com/topsite/abysses/in.php?ID=5900" target="_blank">voter</a><br/>
              <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7229" target="_blank">voter</a> -
              <a href="http://www.root-top.com/topsite/melu/in.php?ID=3327" target="_blank">voter</a><br/>
              <a href="http://www.root-top.com/topsite/130594/in.php?ID=665" target="_blank">voter</a>
            </span>
        </div>
       
        <div id="lc_partenaires" class="content_background">
            <span class="orange_title">Partenaires</span>
            <br/>
            <marquee onMouseOver="this.stop();" onMouseOut="this.start();">
<a href="http://s-terra.forumactif.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://i64.servimg.com/u/f64/12/04/52/64/bouton10.jpg" border="0" alt="" /></a>

<a href="http://villagehentai.forumperso.com/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i32.servimg.com/u/f32/13/02/76/67/bbb10.png" style="width: 88px;height: 31px" border="0"></a>
<a href="http://www.hostingpics.net/viewer.php?id=530422BannirePartenariat88X31.png"><img src="http://img11.hostingpics.net/thumbs/mini_530422BannirePartenariat88X31.png" alt="Heberger image" /></a>
<a href="http://aldenia-rpg.un concurrent.fr/image/71/9/c/8/logo-ald--2a17c0e.jpg.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://img71.xooimage.com/files/9/c/8/logo-ald--2a17c0e.jpg" border="0" alt="" /></a>

[url=http://fairy-tail-rpg.forumsactifs.net/forum.htm][img]http://nsa23.casimages.com/img/2010/10/20/101020101953186298.jpg[/img][/url]
            </marquee>
            <br/>
    <span class="partenaire_link"><a href="http://arcaellev2.forumgratuit.org/t113-logos-partenaires">(Tous nos amis ?)</a></span>

            <span class="partenaire_link"><a href="http://arcaellev2.forumgratuit.org/t113-nos-partenaires?tid=fbc9759aecc7511d3168b8c5e7896d49">(devenir partenaire)</a></span>
        </div>
       
      </div>
     
      <div id="center_column">
     
        <div id="cc_welcome" class="content_background welcome_border">
            <span class="welcome_title">Bienvenue à toi</span><br/><br/>
<a href="http://arcaellev2.forumgratuit.org/t157-cartes-et-lieux-d-arca">Visiter le monde (Carte)</a><br/><br/>
<span class="">Penses à voter sur les top-sites.<br/>Attention aux <span class="red_italic">dragons</span>, c’est le cycle de reproduction.</span>
        </div>
       
        <div id="cc_video">
            <embed width="265px" height="190px" scale="exactfit" quality="high" wmode="transparent" type="application/x-shockwave-flash" src="http://www.youtube.com/v/QNhY9A-c6-A " pluginspage="http://www.macromedia.com/go/getflashplayer">
        </div>
       
       
        <div id="cc_bottom">
       
            <div id="cc_b_register" class="content_background">
              <span class="">Tu souhaites vivre l'aventure avec nous ?<br/>
              Sort ton épée et frappes donc <a style="font-color: firebrick;" href="http://arcaellev2.forumgratuit.org/register">ICI</a> !</span>
            </div>
           
            <div id="cc_b_predef" class="content_background">
              <span class="predef_style">Nos prédéfinis sont ici : <a href="http://arcaellev2.forumgratuit.org/t154-les-predefinis">Le prince, La fille de l’Empereur, La gardienne, Le soldat, Le serviteur</a></span>
            </div>
           
        </div>
       
      </div>
     
      <div id="right_column">
       
        <div id="rc_link" class="content_background">
            <span class="orange_title">Liens :</span><br/>
            <marquee scrollamount="1" direction="up" height="20px">
              <div id="marquee_link">
                <a href="http://arcaellev2.forumgratuit.org/t8-le-contexte">Le contexte</a></br/>
<a href="http://arcaellev2.forumgratuit.org/t1-le-livre-des-regles">Les dogmes</a><br/>
 <a href="http://arcaellev2.forumgratuit.org/t163-les-races-jouables">Les races</a><br/>
              <a href="http://arcaellev2.forumgratuit.org/f59-registre-des-naissances">Se présenter</a><br/>
              <a href="http://arcaellev2.forumgratuit.org/register">L'histoire</a><br/>
              <a href="http://arcaellev2.forumgratuit.org/t3-le-fluide-systeme-de-magie">Le fluide</a>
              </div>
            </marquee>
        </div>
       
        <div id="rc_staff" class="content_background">
            <span class="orange_title">Staff :</span><br/>
            <div class="infobulle ib_left">
              <img src="http://i20.servimg.com/u/f20/11/20/86/53/melind10.jpg" width="40" height="40"/>
              <span>
                  La fondatrice en chef: Mélinda.</br>
                  <img src="http://i20.servimg.com/u/f20/11/20/86/53/melind11.jpg" width="200" height="150"/>
                  Nous lui devons notre entière dévotion
              </span>
            </div>
    <div class="infobulle ib_left">
              <img src="http://nsa28.casimages.com/img/2011/07/10/110710033701454424.jpg" width="40" height="40"/>
              <span>
                  La graphiste: Cyriel.</br>
                  <img src="http://nsa28.casimages.com/img/2011/07/10/110710033701454424.jpg" width="200" height="150"/>
              </span>
            </div>
            <div class="infobulle ib_right">
              <img src="http://i20.servimg.com/u/f20/11/20/86/53/ketsu10.jpg" width="40" height="40"/>
              <span>
                  Admin: Ketsueki Le Maître des Codes</br>
                  <img src="http://www.harrymedia.com/img/data/media/288/Aragog.jpg" width="200" height="150"/>
                  Qui a dit que j'étais égocentrique ?
              </span>
            </div>
            <div class="infobulle ib_left">
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112739284748.jpg" width="40" height="40"/>
              <span>
                  Chef Modo:  Wakyo</br>
                  <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112653924439.jpg" width="200" height="150"/>
                  Je suis une rose, douce et attirante mais très piquante ~
              </span>
            </div>
            <div class="infobulle ib_right">
              <img src=" http://nsa19.casimages.com/img/2011/06/04/110604102536263697.jpg" width="40" height="40"/>
              <span>
                  Modo dévoué: Jasson.
                  <img src=" http://nsa19.casimages.com/img/2011/06/04/110604102536263697.jpg" width="200" height="150"/>
              </span>
            </div>
            <div class="infobulle ib_center">
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="40" height="40"/>
              <span>
                  Modo: Ysaona.
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="200" height="150"/>
              </span>
            </div>
        </div>
       
      </div>
        </div>


Le html

Merci d'avance

[Invité]

Bonjour,

repérez ceci dans votre message d'accueil:

Code:

<div class="infobulle ib_center">
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="40" height="40"/>
              <span>
                  Modo: Ysaona.
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="200" height="150"/>
              </span>
            </div>

Et remplacez par:

Code:

<div class="infobulle ib_right">
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="40" height="40"/>
              <span>
                  Modo: Ysaona.
              <img src=" http://nsa19.casimages.com/img/2011/06/05/110605112930775487.jpg" width="200" height="150"/>
              </span>
            </div>

C'est juste une petite erreur de class pour votre dernière infobulle.

Cordialement.

[Tsukiyo.Taho]

merci beaucoup =)