Séparer l'image de la QEEL

[PumkyPie]

Bonjour à tous,

Je viens vous embêter pour une question de noobinette

Spoiler:

Donc, voilà, mon image passe par dessus le trait blanc, donc je voudrais savoir comment séparer un peu plus l'image du bloc QEEL

Merci, d'avance !

[Matriochka]

Bonjour,

Ton image n'est pas très parlante Quelle est l'URL du forum concerné ?

[PumkyPie]

Le voilà : http://stroriesdrawn.forumactif.org/

[Matriochka]

Merci bien

Donc, dans ton template, à l’endroit où tu as créé le cadre blanc contenant toutes les informations, tu peux ajouter une marge : margin-top:15px; par exemple

Si tu ne sais pas où placer ça, n’hésite pas à mettre ici sous balises code la partie de ton template, je t’aiderai.

[PumkyPie]

D'accord, merci

Voilà le code :

Code:

{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
       
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="95%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <center><span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></center>
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<center>
<center><div style="margin-bottom: -3px; color : white; font-family: times new roman; font-style:italic; font-size: 25pt; letter-spacing: -2px; text-shadow:  0pt 0px 2px white;"><img src="http://img91.xooimage.com/files/5/c/8/qeel-3b94d6e.png" border="0" alt="" /></div><div style="font-size: 11px; font-family: arial; font-color : white; text-align: justify; width: 500px;  border: 1.5px solid white;  padding: 15px; -moz-border-radius: 10px;">  <font color="white">
  <div class="tableauqueel"><table style="width: 100%; border-collapse:collapse;"><br><br><tr><td>
    <div class="justify"><center><a href="http://stroriesdrawn.forumactif.org/g3-maitre-du-monde" class="postlink"><font color="#E34444"><b>MAITRE DU MONDE</b></font></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g4-vocaloid-universe" class="postlink"><font color="#3CC286"><b>VOCALOID UNIVERSE</b></color></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g5-black-butler-universe" class="postlink"><font color="#4F55BD"><b>BLACK BUTLER UNIVERSE</b></font></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g6-fairy-tail-universe" class="postlink"><font color="#EFFA55"><b>FAIRY TAIL UNIVERSE</b></font></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g7-pokemon-universe" class="postlink"><font color="#E61260"><b>POKEMON UNIVERSE</b></font></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g8-pandora-hearts-universe" class="postlink"><font color="#E66D1C"><b>PANDORA HEARTS UNIVERSE</b></font></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g9-wonderland-universe" class="postlink"><font color="#612842"><b>WONDERLAND UNIVERSE</b></font></a><br>
      <a href="http://stroriesdrawn.forumactif.org/g10-the-others" class="postlink"><font color="#147820"><b>THE OTHERS</b></font></a></font></center>
    </center></div>
</td>
      <font color="white"><td width="50%"><div class="partiedroite"><br><ul> <div class="gensmall"><span id="post">{TOTAL_POSTS}
        <script type="text/javascript">document.getElementById('post').innerHTML=document.getElementById
       
        ('post').innerHTML.replace(/Nos membres ont posté un total de/,"Nos habitants ont déjà raconté");</script><script type="text/javascript">document.getElementById
       
        ('post').innerHTML=document.getElementById('post').innerHTML.
        replace(/message/,"histoire");</script><script type="text/javascript">document.getElementById</script></span> <span id="totaluser">{TOTAL_USERS}
        <script type="text/javascript">document.getElementById('totaluser').innerHTML=document.getElementById
       
        ('totaluser').innerHTML.replace(/Nous avons/,"sous le regard de");</script><script type="text/javascript">document.getElementById
       
        ('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.
        replace(/membres enregistrés/,"admirateurs");</script><script type="text/javascript">document.getElementById</script></span><br>
<br>
<span id="newest">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById ('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier a avoir posé ses valises en ville est");</script></span><br>
<br>
        <span id="blabla">{TOTAL_USERS_ONLINE}
        <script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById
       
        ('blabla').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script><script type="text/javascript">document.getElementById
       
        ('blabla').innerHTML=document.getElementById('blabla').innerHTML.
        replace(/utilisateur en ligne/,"habitant se promenant en ville");</script><script type="text/javascript">document.getElementById</script><script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/Enregistré/,"gai-luron");</script><script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/Invisible/,"ombre au tableau");</script><script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/Invité/,"curieux");</script></span><br></div><br>
</ul>
<br></div></td></font>
  </tr>
</table><br></div>
<span class="gensmall"><table width=70%"> {LOGGED_IN_USER_LIST}
<br></table></span><span class="gensmall"><table width=100%"> {L_CONNECTED_MEMBERS}
<br></table></span></div></center>
<br></font>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

[Matriochka]

Alors, ici :

Code:

<div style="font-size: 11px; font-family: arial; font-color : white; text-align: justify; width: 500px;  border: 1.5px solid white;  padding: 15px; -moz-border-radius: 10px;">

Tu ajoutes ta marge :

Code:

<div style="font-size: 11px; font-family: arial; font-color : white; text-align: justify; width: 500px;  border: 1.5px solid white;  padding: 15px; -moz-border-radius: 10px; margin-top:15px;">

[PumkyPie]

Merci beaucoup !

Sujet résolu, donc ^_^