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
Page 1 sur 1 • Partagez
Grand espace avant le QEEL
Détails techniques
Version du forum : phpBB2Poste 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> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </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> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </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} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {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
Re: Grand espace avant le QEEL
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 :
Remplacez cela par :
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;
}
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: Grand espace avant le QEEL
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 !
Sujets similaires
» Bug : Grand espace avant un tableau
» Grand espace avant les messages postés
» Grand espace avec la barre de navigation... ?
» Grand espace à la fin des messages
» Grand espace après signature
» Grand espace avant les messages postés
» Grand espace avec la barre de navigation... ?
» Grand espace à la fin des messages
» Grand espace après signature
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
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum