Grand espace avant le QEEL

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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

Résolu Grand espace avant le QEEL

Message par Oxtran Dim 3 Oct 2021 - 23:32

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 03/10/2021
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir, je souhaite faire disparaître l'espace qui est assez conséquent entre mon index et le QEEL qui se trouve en bas de page, mon problème est apparu après avoir volontairement retirer les catégories de l'index.

CSS
Code:
.mainmenu[href="/calendar"]{display:none;}
.mainmenu[href="/galery"]{display:none;}
.mainmenu[href="/faq"]{display:none;}
.mainmenu[href="/publications"]{display:none;}

/* masquer bordure cadre forum */
.bodyline{
  background:none;border:none;}

/* masquer le lien admin en bas */
#page-footer a[href^="/admin"] {
    display: none;
}

/*Bloc de la présentation*/
.prez {
  background-color: #373737;
  box-shadow: 5px 5px 3px #555555;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 8px;
  width: 100%;
  color: #959595;
  padding-bottom: 10px;
  font-family: 'Verdana';
  font-size: 12px;
}

/*Image du haut de la présentation*/
.prez_haut {
  display: inline-block;
  width: 500px;
  height: 200px;
  border-bottom: 40px solid #050505;
}

/*Nom de la présentation*/
.prez_nom {
  font-family: 'Pacifico', cursive;
  font-size: 30px;
  color: #202020;
  text-shadow: -2px -2px 1px white;
  width: 100%;
  text-align: center;
  margin-top: -60px;
  margin-bottom: 15px;
}

/*Petite citation de la présentation*/
.prez_citation {
  width: 100%;
  text-align: center;
  color: #747474;
  font-family: 'Dancing Script', cursive;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

/*Blocs de la présentation*/
.prez_bloc {
  background-color: #353535;
  border: 3px solid #101010;
  padding: 10px;
  margin: 0px 10px 0px 10px;
}

/*Autres images de la présentation*/
.prez_ava, .prez_bas {
  display: inline-block;
  width: 35px;
  height: 84px;
  float: left;
  border: #000000 1px dotted;
}

/*Partie de droite du premier bloc de la présentation*/
.prez_right, .prez_right2 {
  display: inline-line;
  margin-left: 5px;
  float: left;
  width: 240px;
}

/*Champs de la présentation*/
.prez_champ {
  color: #dfdfdf;
}

/*Sous-titres de la présentation*/
.prez_title {
  text-align: center;
  font-family: 'Lobster', cursive;
  padding: 5px;
  font-size: 16px;
  background: #000000;
  color: #959595;
  border-top: 2px solid #353535;
  
  margin: 15px 0px 5px 0px;
}

/*Images du bas de la présentation*/
.prez_bas {
  width: 100px;
  height: 100px;
}

/*Partie de droite du dernier bloc de la présentation*/
.prez_right2 {
  width: 100%;
}

/* barre navi */
.navig {
position: fixed;
top: 0px;
width: 100%;
}

a.mainmenu {
margin: 5px;
font-family: Modish;
font-size: 30px;
}

a.mainmenu:hover{
  background-color : #a97c46;
}

a.mainmenu img{
display: none;
}

/* désactiver soulignement */
a:hover {
  text-decoration: none !important;
}

Index
Code:
{JAVASCRIPT}

<style>
a {
    color: inherit;
    text-decoration: none;
}
    .webcenter {
    position: relative;
    min-width: 950px;
    max-width: 950px;
    height: inherit;
    margin: auto;
    padding: 0 10px;
    display: flex;
}

.flex-columna {
    display: flex;
    flex-direction: column;
}
    .box {
    background-image: url("https://i.imgur.com/UmqgQ4L.png");
    background-repeat: no-repeat;
    height: 2960px;
    top:70px;
}

.wrapper {  
    position: relative;
    min-width: 150px;
    max-width: 950px;
    height: inherit;
    margin: auto;
    padding: 0 0px;
    display: flex;
}  

.box_list {
    position: absolute;
    background-image: url("https://i.imgur.com/ogsoUhP.png");
    background-repeat: no-repeat;
    height: 524px;
    width: 748px;
    top:67px;
    left:89px
}
.carte_box {
    position: absolute;
    background-image: url("https://i.imgur.com/TeBGJCB.png");
    background-repeat: no-repeat;
    height: 452px;
    width: 642px;
    top:596px;
    left:60px
}
.photo_one {
    position: absolute;
    background-image: url("https://i.imgur.com/5fewmqE.png");
    background-repeat: no-repeat;
    height: 252px;
    width: 196px;
    top:656px;
    left:580px
}
.photo_two {
    position: absolute;
    background-image: url("https://i.imgur.com/tQhn8pJ.png");
    background-repeat: no-repeat;
    height: 252px;
    width: 196px;
    top:936px;
    left:580px
}
.photo_three {
    position: absolute;
    background-image: url("https://i.imgur.com/ywYQm6Z.png");
    background-repeat: no-repeat;
    height: 275px;
    width: 210px;
    top:966px;
    left:330px
}
.photo_four {
    position: absolute;
    background-image: url("https://i.imgur.com/fUNvfQi.png");
    background-repeat: no-repeat;
    height: 252px;
    width: 196px;
    top:926px;
    left:110px
}
.livre_box {
    position: absolute;
    background-image: url("https://i.imgur.com/UasFZuZ.png");
    background-repeat: no-repeat;
    height: 509px;
    width: 343px;
    top:1184px;
    left:40px
}
.cassette_box {
    position: absolute;
    background-image: url("https://i.imgur.com/c0UeafF.png");
    background-repeat: no-repeat;
    height: 245px;
    width: 289px;
    top:1205px;
    left:497px;
    z-index: 8;
}
.dossier_box {
    position: absolute;
    background-image: url("https://i.imgur.com/2XBWQos.png");
    background-repeat: no-repeat;
    height: 811px;
    width: 418px;
    top:1349px;
    left:408px;
    z-index: 1;
}
.recrut_box {
    position: absolute;
    background-image: url("https://i.imgur.com/TbJf70s.png");
    background-repeat: no-repeat;
    height: 474px;
    width: 357px;
    top:1661px;
    left:70px;
    z-index: 2;
}
.journal_box {
    position: absolute;
    background-image: url("https://i.imgur.com/B2Nbwdt.png");
    background-repeat: no-repeat;
    height: 470px;
    width: 668px;
    top:2020px;
    left:170px;
    z-index: 1;
}
</style>
    <div class="webcenter flex-columna">
        
    <div class="box">
        <a href="dwdwdwd">
            <div class="box_list"></div></a>
        <a href="dwdwdwd534534">
            <div class="carte_box"></div></a>
        <a href="rtrtrtrt">
            <div class="photo_one"></div></a>
        <a href="r534534t">
            <div class="photo_two"></div></a>
        <a href="wwwwwww534t">
            <div class="photo_three"></div></a>
        <a href="wwwwwww534t">
            <div class="photo_four"></div></a>
        <a href="wwwwwww534t">
            <div class="livre_box"></div></a>
        <a href="wwwwwww534t">
            <div class="cassette_box"></div></a>
        <a href="wwwwwww534t">
            <div class="dossier_box"></div></a>
        <a href="wwwwwww534t">
            <div class="recrut_box"></div></a>
        <a href="wwwwwww534t">
            <div class="journal_box"></div></a>
    </div>
</div>

<!-- 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="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->
<!-- 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="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </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="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}" loading="lazy" /></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}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
 </tr>
 <!-- BEGIN switch_chatbox_activate -->
 <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&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>
<!-- END disable_viewonline -->
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
<br clear="all" />
{CHATBOX_BOTTOM}
{AUTO_DST}

Merci d'avance


Dernière édition par Oxtran le Lun 4 Oct 2021 - 8:59, édité 1 fois
Oxtran

Oxtran
**

Messages : 56
Inscrit(e) le : 03/10/2021

https://o-brien.forumactif.fr
Oxtran a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Grand espace avant le QEEL

Message par Oka.mi Lun 4 Oct 2021 - 7:18

Bonjour,

Il faut juste changer la hauteur du conteneur "box" (et retirer la propriété "top" qui ne sert à rien ici).

Dans votre template index_body, vous avez :
Code:
.box {
    background-image: url("https://i.imgur.com/UmqgQ4L.png");
    background-repeat: no-repeat;
    height: 2960px;
    top:70px;
}

Remplacez cela par :
Code:
.box {
    background-image: url("https://i.imgur.com/UmqgQ4L.png");
    background-repeat: no-repeat;
    height: 2540px;
}


Grand espace avant le QEEL 1213Donnez un titre explicite Grand espace avant le QEEL VTzsyWB à votre sujet pour améliorer son référencement

Remerciez Grand espace avant le QEEL 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP Grand espace avant le QEEL FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Grand espace avant le QEEL

Message par Oxtran Lun 4 Oct 2021 - 8:59

Oka.mi a écrit:Bonjour,

Il faut juste changer la hauteur du conteneur "box" (et retirer la propriété "top" qui ne sert à rien ici).

Dans votre template index_body, vous avez :
Code:
.box {
    background-image: url("https://i.imgur.com/UmqgQ4L.png");
    background-repeat: no-repeat;
    height: 2960px;
    top:70px;
}

Remplacez cela par :
Code:
.box {
    background-image: url("https://i.imgur.com/UmqgQ4L.png");
    background-repeat: no-repeat;
    height: 2540px;
}

Problème résolu, merci !
Oxtran

Oxtran
**

Messages : 56
Inscrit(e) le : 03/10/2021

https://o-brien.forumactif.fr
Oxtran a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum