Soucis avec affichage du QEEL et du chat sous le corps du forum Bouton_activeSoucis avec affichage du QEEL et du chat sous le corps du forum Bouton_hoverSoucis avec affichage du QEEL et du chat sous le corps du forum Fb-hoverSoucis avec affichage du QEEL et du chat sous le corps du forum Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis avec affichage du QEEL et du chat sous le corps du forum EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

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 
http://testfantasia.forumactif.org/
Nightwatchwoman
Nightwatchwoman
{ Membre }
{ Membre }

Féminin Messages : 3



Soucis avec affichage du QEEL et du chat sous le corps du forum Empty
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   Soucis avec affichage du QEEL et du chat sous le corps du forum EmptyVen 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

-
» Description forum et liens sous forum: soucis de positionement [Non résolu]
» Soucis avec le QEEL
» soucis techinque avec le QEEL
» Soucis avec mon qeel : icône décaler
» Un petit soucis de couleur avec mon qeel

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 | Signaler un abus | Cookies | Forum gratuit