Décalage dans les images du staff

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

Résolu Décalage dans les images du staff

Message par Tsukiyo.Taho le Dim 10 Juil 2011 - 15:43

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


Dernière édition par Tsukiyo.Taho le Dim 10 Juil 2011 - 16:41, édité 1 fois

Tsukiyo.Taho
*

Messages : 35
Inscrit(e) le : 15/06/2011

http://arcaellev2.forumgratuit.org/
Tsukiyo.Taho a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans les images du staff

Message par Invité le Dim 10 Juil 2011 - 16:27

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.

Invité
Invité


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

Résolu Re: Décalage dans les images du staff

Message par Tsukiyo.Taho le Dim 10 Juil 2011 - 16:41

merci beaucoup =)

Tsukiyo.Taho
*

Messages : 35
Inscrit(e) le : 15/06/2011

http://arcaellev2.forumgratuit.org/
Tsukiyo.Taho 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