C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Système d'onglets simple et personnalisable
Lun 17 Sep 2018, 05:44 par heresy.

» Effet pour vos catégories
Sam 15 Sep 2018, 06:41 par Dynaste

» [RPG] Fiche personnage avec bannière latérale
Mar 11 Sep 2018, 15:29 par Rosalie Hale

» Signature codée avec onglets
Sam 01 Sep 2018, 16:11 par Plumeplume

» Mettre votre © Copyright dans le footer de votre forum
Mar 28 Aoû 2018, 12:13 par kaiton

» Sous-forums en retour à la ligne
Lun 27 Aoû 2018, 13:26 par sergiomarquina

» Effet pour vos sous-forums
Lun 27 Aoû 2018, 13:23 par sergiomarquina

» Trois colonnes avec effet Zoom
Lun 27 Aoû 2018, 08:40 par sergiomarquina


Partagez | 
 

Soucis avec affichage du QEEL et du chat sous le corps du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://testfantasia.forumactif.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 3



Bonjour tout le monde,

J'essaye de placer mon QEEL et ma chatbox (dont les codes liés à l'apparence sont d'ailleurs amenés à entièrement évoluer) automatiquement par défaut sous le corps du forum. Malheureusement voici ce que cela donne, les liens du footer se retrouvant placés avant la chatbox et cette dernière n'étant qu'un carré vide : https://i.imgur.com/I3latnQ.png . De plus vous remarquerez que les images de fond sont étrangement décalées vers le haut.

Voici donc ma feuille CSS complète :
Code:
/*OVERALL HEADER*/
#i_logo {
    display: block;
    margin-top : 200px; /*marge en haut de la bannière*/
    margin-bottom : 10px; /*marge en bas de la bannière*/
    width: 1600px; /*largeur de la bannière*/
}
.maintitle h1 {
    display: none;
    margin: 0;
    padding: 0;
}
.description_site  {
    display: none;
}

/*NAVIGATION*/


/*CORPS DU FORUM*/
body {
    background: url("http://nsa38.casimages.com/img/2015/09/10/150910011604699472.png") no-repeat scroll left bottom, url("http://nsa38.casimages.com/img/2015/09/10/150910120003933257.png") no-repeat scroll right bottom, url("http://nsa37.casimages.com/img/2015/07/14/150714115032896335.png") repeat scroll center top, #f6f5f3 none repeat scroll 0 0;
    bottom:320px;
    box-sizing:border-box;
    min-height:100%;
    padding:10px 10px 60px;
    position:relative;
}
.bodyline {
    position:relative;
    border:none
}
div#page-footer {
    bottom:-380px;
    left: 0;
    padding:5px 0;
    position:absolute;
    text-align:center;
    width: 100%;
}

/*POLICE*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/*ACCUEIL*/
.qeel {
    border-bottom:2px solid #5c5c5c;
    bottom:-300px;
    padding-top:15px;
    position:absolute;
    width:800px;
}
.chatbox{
    width: 100%;
    left: -2px;
    border-bottom: 2px solid #5c5c5c;
    position: absolute;
    overflow: hidden;
    z-index:-1;
    padding-top: 15px;
    margin-bottom: 0px;
    margin-top: 78px;
}
/*CATEGORIES ET FORUMS*/
/*oter le fond des categories*/
.secondarytitle h2 {
  background-color: transparent;}
 
/*fond des titres de catégories*/
.secondarytitle {
  background-image: url('http://i44.servimg.com/u/f44/16/64/78/25/barrre10.jpg');
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: bottom left;
  height:30px;
  width:180 px;
  text-align: left;
  padding-left: 5px;}

Et mon template index_body modifié :
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 -->

{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
 <div class="qeel"><center>
<table width="950px" border="0" cellspacing="1" cellpadding="0" style="padding-left: 10px;">
 <tr><td><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="catHead" colspan="2" height="28">
 <!-- BEGIN switch_viewonline_link -->
 <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
 <span class="cattitle">{L_WHO_IS_ONLINE}</span>
 <!-- END switch_viewonline_nolink -->
 </td>
 </tr>
 <tr>
 <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
 <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
 {TOTAL_USERS}<br />
 {NEWEST_USER}</span></td>
 </tr>
 <tr>
 <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />
 <br />
 {LOGGED_IN_USER_LIST}</span></td>
 </tr>
 {L_CONNECTED_MEMBERS}
 {L_WHOSBIRTHDAY_TODAY}
 {L_WHOSBIRTHDAY_WEEK}
 <tr>
 <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
 </tr>
 <!-- BEGIN switch_chatbox_activate -->
 <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :&nbsp; {CHATTERS_LIST}<br />
 <!-- 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>
</td></tr></table><!-- END disable_viewonline -->
   <div class="chatbox">{CHATBOX_BOTTOM}</div>
  
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
</form>
<!-- END switch_user_login_form_footer -->

<br clear="all" />

{AUTO_DST}

Ce que j'aimerais c'est d'éviter d'avoir à bidouiller pour placer ça correctement car un affichage différent, une résolution qui change, etc. et cela risque de tout bouger. Aussi je me demandais s'il ne serait pas possible de fixer un élément donné et d'imposer le qeel/chatbox de se placer automatiquement sous cet élément par défaut ? C'est une idée mais en réalité je m'y connais vraiment très peu en codage...

Merci d'avance pour votre aide. ♥

PS : Au cas où je tiens à préciser que les images sont empruntées au forum Dragon Age Les Chroniques de Thédas et la graphiste de celui-ci est parfaitement au courant que j'utilise ses images par défaut en attendant, pour travailler mon codage, c'est même elle qui m'a envoyé ici. ^^
MessageSujet: Soucis avec affichage du QEEL et du chat sous le corps du forum   Ven 13 Nov 2015, 10:31
Revenir en haut Aller en bas
 

Soucis avec affichage du QEEL et du chat sous le corps du forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Petit soucis avec QEEL personnalisé
» Soucis avec message du forum
» (#405): Soucis avec les smileys collés au texte
» Soucis avec la possibilité de rajouter des éléments à la FAQ
» soucis avec anniversaire dans les 30 prochains jours

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit