Mettre l'image du QEEL en grand, sous le texte des groupes, des stats etc...

[STeFaNiLHeM]

Bonsoir

Par défaut l'image du QEEL est a gauche, y'a une barre, et le texte est à droite.

J'aimerais savoir comment faire pour concerver dans l'ensemble le texte coté droit mais que l'image englobe les deux colones, donc qu'il prenne toute la largeur du forum

En gros faire comme sur ce forum http://graph-style.forumn.biz/ sans toutes les modification de style de texte bien sur.

Juste que l'image prenne tout mon texte.

Ca fait bien une demi heure que je potace le forum je n'ai rien trouvé.

Merci

[Anzu]

Bonsoir,

Vous touchez un peu aux templates ? Car il faut refaire votre qui est en ligne dans le template index body et faire un tableau.
Si vous savez faire les tableaux, c'est assez simple en fait. Il suffit de mettre l'image de votre qui est en ligne dans le fond du tableau.

Cordialement.

[STeFaNiLHeM]

Oui j'ai quelques templates bidouillés bêtement (copier/coller) mais je commencer à comprendre quelques bases mais pas de quoi faire cette manip toute seule !!! Si une âme charitable veut bien m'aider

[Anzu]

Si j'ai posté c'est pour vous aider

Votre template index body est-il déjà modifié ? Si oui, il me faudrait le code.
Sinon, il me faudrait un schéma de ce que vous aimeriez avoir et l'image que vous voulez en fond (+le lien du forum concerné )

Cordialement.

[STeFaNiLHeM]

Merci ^^

Alors oui il est modifié, le voici :

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="100%" 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}" />

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

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="50"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>
   </tr>
   <tr>
       <center><td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> </center>
        <center><td class="row1" width="100%"><span class="gensmall"><span id="oli">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('oli').innerHTML=document.getElementById('oli').innerHTML.replace(/Nos membres/,"Les soeurs sont de vraies pipelettes !! Elles");</script> </center>
<center><span id="mario">{TOTAL_USERS} </span><script type="text/javascript">document.getElementById('mario').innerHTML=document.getElementById('mario').innerHTML.replace(/membres enregistrés/,"soeurs inscrites tabarakAllah");</script> </center>
<center><span id="caro">{NEWEST_USER}</span> <script type="text/javascript">document.getElementById('caro').innerHTML=document.getElementById('caro').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Marhaban à la dernière arrivée : ");</script>.
<tr></tr> </center>
   
       <td class="row1"><span class="gensmall"><span class="gensmall"><span id="delf"><center>{TOTAL_USERS_ONLINE}</center></span>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"soeur qui se balade sur le forum");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"soeurs qui se baladent sur le forum");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Membre enregistré");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Membres enregistré");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Invisible, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Invisibles, ");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Invité");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Invité");</script></span>

       <center>{RECORD_USERS}</center>
       <center>{LOGGED_IN_USER_LIST}</center></span></td>
       </tr><center>{L_CONNECTED_MEMBERS}</center>
   <center>{L_WHOSBIRTHDAY_TODAY}</center>
   <center>{L_WHOSBIRTHDAY_WEEK}</center>
   <tr>
       <center><td class="row1"><span class="gensmall">{LEGEND} :  {GROUP_LEGEND}</span></a>

</span></td> </center>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
{LEGEND}
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr><span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui se promène dansle forum");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes qui se promènent dans le forum ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"participant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"participant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"fantôme, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"fantômes, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Invité");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Invités");</script></span>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Pour le schéma je veux tout simplement RIEN CHANGER de l'état original, que l'écriture reste où elle est (sur la droite) mais juste au lieu que l'image soit confinée dans une colonne à gauche, qu'elle prenne tout le cadre

Pour l'image elle n'est pas encore faite je la ferrait justement en fonction du résultat final pour la taille, surtout pour la hauteur, en largeur ça sera dans les 800 ou 900 pxl je pense, comme la bannière (si je change ensuite de déco et de taille de bannière, je changerai aussi les tailles du QEEL donc)

[STeFaNiLHeM]

J'ai fait quand même un croquis pour que ce soit plus clair.
Donc en JAUNE la place de l'image actuelle, et en rose ce que j'aimerais que ça donne, donc aucune modif sur la place ni la forme du texte, juste que l'image passe en grande (ROSE)

[Anzu]

Ok, donc voilà pour l'index body:

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="100%" 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}" />

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

    <!-- BEGIN disable_viewonline -->
    <table class="forumline2" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="2" height="50"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>
      </tr>
      <tr>
          <center><td rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> </center>
            <center><td width="100%"><span class="gensmall"><span id="oli">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('oli').innerHTML=document.getElementById('oli').innerHTML.replace(/Nos membres/,"Les soeurs sont de vraies pipelettes !! Elles");</script> </center>
    <center><span id="mario">{TOTAL_USERS} </span><script type="text/javascript">document.getElementById('mario').innerHTML=document.getElementById('mario').innerHTML.replace(/membres enregistrés/,"soeurs inscrites tabarakAllah");</script> </center>
    <center><span id="caro">{NEWEST_USER}</span> <script type="text/javascript">document.getElementById('caro').innerHTML=document.getElementById('caro').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Marhaban à la dernière arrivée : ");</script>.
    <tr></tr> </center>
     
          <td><span class="gensmall"><span class="gensmall"><span id="delf"><center>{TOTAL_USERS_ONLINE}</center></span>
    <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"soeur qui se balade sur le forum");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"soeurs qui se baladent sur le forum");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Membre enregistré");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Membres enregistré");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Invisible, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Invisibles, ");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Invité");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Invité");</script></span>

          <center>{RECORD_USERS}</center>
          <center>{LOGGED_IN_USER_LIST}</center></span></td>
          </tr><center>{L_CONNECTED_MEMBERS}</center>
      <center>{L_WHOSBIRTHDAY_TODAY}</center>
      <center>{L_WHOSBIRTHDAY_WEEK}</center>
      <tr>
          <center><td><span class="gensmall">{LEGEND} :  {GROUP_LEGEND}</span></a>

    </span></td> </center>
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
    {LEGEND}
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
          </td>
      </tr>
      <!-- END switch_chatbox_activate -->
    </table>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr><span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui se promène dansle forum");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes qui se promènent dans le forum ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"participant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"participant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"fantôme, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"fantômes, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Invité");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Invités");</script></span>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

Si vous avez une couleur dans Affichage > Images et couleurs > Couleurs > Les couleurs de fond > Table Rangée Couleur 2 et surbrillance > Retirez la.

Pour l'image, j'en ai mis une au hasard

Cordialement.

[STeFaNiLHeM]

Je n'ai pas compris vote phrase

Pour l'image, j'en ai mis une au hasard

Je viens d'installer le template en effet la modif s'est opérée visuellement dans le sens ou je ne vois plus les colonnes donc elles ont du etre fusionnés

Par contre quand je colle votre template j'ai toujours mon image et j'ai essayé de chercher dans le code la trace d'une adresse d'image (afin de la remplacer pour essayer) mais j'ai rien trouver ??

Pouvez m'indiquer ou elle se trouve ??

J'ai essayé quand meme en modifiant mon image de QEEl depuis la gestion des images mais ça reste sur deux colonnes, l'image ne passe pas en dessous

[Anzu]

J'ai oublié de vous donner la CSS qui va avec =_=

Voilà:

Code:

.forumline2 {
background-image: url('http://mamanene.unblog.fr/files/2008/01/chat6.jpg');
background-repeat: no-repeat;
background-position: top center;
}

Pour la phrase "j'en ai mis une au hasard". Oui fallait bien que je mette une image dans le fond pour tester.
Donc j'ai pris une photo de chat

[STeFaNiLHeM]

Ah oui d'accord, oui j'avais compris la phrase mais comme je ne voyais aucune adresse d'image dans le template je me demandais quelle image ?

En effet elle figure dans le CSS

J'essaye ça dans la journée et je vous tiens au courant

[STeFaNiLHeM]

Je passe en résolu !! Ca marche c'est bon !!! Un grand merci a toi ANZU !!!

Par contre si j'ai bien compris, vu que l'image de mon QEEL mise dans la gestion des image reste, et que j'ai l'autre image en dessous, pour que mon texte reste à droite il faut que je mette via la gestion des images une image QEEL toute transparente pour qu'elle me laisse apparaitre celle du fond mais qu'elle tienne mon texte plus ou moins à droite (suivant son épaisseur?)

Cependant j'aurais un dernier petit problème. J'ai déjà des trucs écrit dans ma feuille de CSS (d'ailleurs je ne sais même pas a quoi ça sert ni c'est valide comme commande vu que j'au souvent testé pleins de trucs qui n'ont aboutis à rien, bref) et quand je mettais ton CSS à la fin du miens rien ne marchait...

En essayant de supprimer tout mon CSS et ne laissant que celui que tu m'a donné en effet ça fonctionne, je vois bien l'image de chat.

Comment faire pour laisser mes CSS anciens + le tiens ?

Je les aurais bien supprimé ces CSS mais comme je l'ai dit je ne sais pas s'ils sont actifs ou non


Merci