Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Parties de la page d'accueil décalées vers le haut dépassant du cadre

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

Parties de la page d'accueil décalées vers le haut dépassant du cadre Empty Parties de la page d'accueil décalées vers le haut dépassant du cadre

Message par Ombeline30 le Mer 11 Sep 2019 - 9:24

Bonjour,

Je viens solliciter votre aide pour un mini problème que je ne m'explique pas sur mon forum : http://audeladesvoyances.forumgratuit.be/

En effet sans rien de toucher à mes codages de puis plus d'un an tout d'un coup je viens sur mon forum et je vois diverses parties de ma page d'accueil décalées vers le haut, j'ai attendu pour voir si le problème allait se régler de lui-même quelque fois que forumactif aurait opéré des mises à jour ou autres mais rien cela reste tel quel et cela dure depuis déjà 1 bonne semaine voire 2.

Parties de la page d'accueil décalées vers le haut dépassant du cadre Captur11

Merci d'avance pour votre aide, voici les codages ci-dessous :

Affichage -> Page d'accueil -> Généralités -> Message sur la page d'accueil :

Code:
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Berkshire+Swash" />
<div id="pa-voyances">
                                                                                                                                                                                                                                                                                                                                                            
 <div id="pa-titre">
                                                                                                                                                                            Bienvenue <span class="pseudo"></span> !                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                                  
 <div id="pa-amis">
                                                                                                                                                                                                                                                                                                                                                            
 <div class="pa-soustitre">
                                                                                                                                                                            Nos Amis                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                            
 <p>
                                                                                                                                                              
 <marquee style="margin-left: 12px; height:274px; width:180px;" direction="up" scrollamount="4" scrolldelay="3" onmouseover="this.stop();" onmouseout="this.start();">
                                                                                                                                                                                    
 <!--           Debut du code banniere Boosterforum.com           --><a href="http://www.boosterforum.com/click-393126-88x31-accueil" target="_blank"><img src="http://www.boosterforum.com/ban-393126-88x31-accueil" alt="BoosterForum.com : Echange de clics !" border="0" style="width: 88px; height: 31px;" /></a>        
 <!--           Fin du code banniere Boosterforum.com           --><a href="http://www.melodie-pub.net"><img src="https://i.servimg.com/u/f62/19/61/06/89/logo8813.png" alt="Mélodie-PUB" /></a>                    <a target="_blank" href="http://art-the-fruits.forumpro.fr/"><img src="https://www.zupimages.net/up/17/42/83dw.png" /></a><a href="http://www.forumsdeforumactif.com" target="_blank"><img src="http://www.aht.li/2889210/ban_mini_88_31.png" border="0" alt="L'Annuaire" title="L'Annuaire" /></a><a href="http://la-porte-est-en-dedans.over-blog.com/" target="_blank"><img src="https://i.servimg.com/u/f35/18/95/70/55/image510.png" /></a><a href="http://www.ouaf-ouaf-pub.com/" target="_blank"><img alt="titre" border="0" src="http://image.noelshack.com/fichiers/2016/42/1476784253-oop-kit88.gif" /></a><a href="http://esprit-zen.forumactif.com/" target="_blank" "=""><img src="https://www.zupimages.net/up/17/22/9aqa.gif" /></a><a target="_blank" href="http://dragonspub.forumpro.fr/" title="Hebergeur d'image"><img src="https://i.servimg.com/u/f68/18/99/59/08/logo_810.gif" border="0" alt="Hebergeur d'image" /></a><a href="http://www.royale-pub.com/"><img src="https://i.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a>                                                                                                                                                                                
 </marquee>
                                                                                                                                                                
 </p>
                                                                                                                                                                                                                                                                                                                                                          
 </div>
                                                                                                                                                                                                                                                                                                                                                                  
 <div id="pa-staff">
                                                                                                                                                                                                                                                                                                                                                            
 <div class="pa-soustitre">
                                                                                                                                                                            Le Staff                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                                
 <div id="pa-para">
                                                                                                                                                                                                                                                                                                                                                                  
 <div class="infobulle">
                                                                                                                                                           <img alt="Ombeline" src="https://i.servimg.com/u/f62/18/27/94/56/lvve_p10.png" />                                                                                                                                  
 <div>
                                                                                                                                             Ombeline<br /> Fondatrice <a href="http://audeladesvoyances.forumgratuit.be/u1">Profil</a> - <a href="http://audeladesvoyances.forumgratuit.be/privmsg?mode=post&u=1">MP</a>                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                        
 <div class="infobulle">
                                                                                                                                                          <img alt="Gaiane" src="https://i.servimg.com/u/f23/18/27/94/56/gaiane10.jpg" />                                                                                                                                    
 <div>
                                                                                                                                            Gaiane<br /> Modonirienne <a href="http://audeladesvoyances.forumgratuit.be/u6">Profil</a> - <a href="http://audeladesvoyances.forumgratuit.be/privmsg?mode=post&u=6">MP</a>                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                                                                    
 </div>
                                                                                                                                                                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                                        
 <div class="pa-soustitre">
                                                                                                                                                                            Votez pour nous                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                              
 <p>
                                                                                                                                                                             <a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=14" target="_blank"><img src="https://i.servimg.com/u/f35/13/93/15/59/icone_10.png" alt="top-site" /></a>         <a target="_blank" href="http://www.root-top.com/topsite/esoterique/in.php?ID=1356"><img alt="top-site" src="https://i.servimg.com/u/f35/13/93/15/59/icone_10.png" /></a>         <a target="_blank" href="http://audeladesvoyances.boosterforum.com/"><img alt="top-site" src="https://i.servimg.com/u/f35/13/93/15/59/icone_10.png" /></a>         <a target="_blank" href="http://www.root-top.com/topsite/blue_spirit/in.php?ID=369"><img alt="top-site" src="https://i.servimg.com/u/f35/13/93/15/59/icone_10.png" /></a>                                                                                                                                                                                    
 </p><br /><br />                                                                                                                                                        
 <div class="bann">
                                                                                                                                                                                                                                                                                                                      
 <center>
                                                                                                                                                                              <a target="_blank" href="http://www.forumsdeforumactif.com/h9-les-forums-etoiles" title="Forum évalué 2 étoiles par l'Annuaire, un gage de qualité !"><img src="http://www.aht.li/2893029/ban_etoile-2-_352_19.png" alt="forum étoilé" /></a>                                                                                                                                                                              
 </center>
                                                                                                                                                                                                                                                                                                              
 </div>
                                                                                                                                                                                                                                                                                                                                                          
 </div>
                                                                                                                                                                                                                                                                                                                                                              
 <div id="pa-contexte">
                                                                                                                                                                                                                                                                                                                                                              
 <div class="pa-soustitre">
                                                                                                                                                                            Le commencement...                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                            
 <p id="pa-contexte-p">
                                                                                                                                                                            Il était une fois, dans un monde, en des temps reculés, une cartomancienne qui eut une vision, un ressenti bien marqué. En train, vers son destin, elle chemina apaisée. En Ésotérie, elle parvint, les cartes ne s'étaient pas trompées ! (Par Ombeline)                                                                                                                                                                                  
 </p>
                                                                                                                                                                                                                                                                                                                                                            
 <div class="pa-soustitre">
                                                                                                                                                                            Dernières nouvelles !                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                                                            
 <div id="pa-p-bis">
                                                                                                                                                                                                                                                                                                                                                              
 <p>
                                                                                                                                                  :hearts: 10/02/19 : "Au-delà des Voyances" fête l'Amour avec un grand A et vous souhaite de vous aimer tous profondément les uns les autres, de vivre dans l'Amour, d'être emplis et baignés d'Amour, d'en envoyer à cette belle Terre qui nous accueille et d'en recevoir en retour de tout l'Univers…<br /> :hearts: 01/12/18 : Une grande PREMIÈRE sur "Au-delà des Voyances" : Le calendrier de l'Avent des petites douceurs du cœur vous attend dans le "Brasse-Cartes", belle participation à toutes…<br /> :hearts: 22/09/18 : C'est l'automne sur "Au-delà des Voyances", les smileys et les avatars fêtent, eux aussi, l'équinoxe !<br /> :hearts: 21/03/18 : C'est le printemps sur "Au-delà des Voyances", les papillons reviennent et les fleurs éclosent<br /> :hearts: 14/03/18 : Suite et fin de la refonte de vos messages privés et de sa revue<br />  :hearts: 04/03/18 : Suite et fin de la refonte des listes des sujets<br /> :hearts: 02/03/18 : Nouveaux onglets plus grands dans les profils<br /> :hearts: 27/02/18 : Revisite des éditeurs de  réponse (normale et rapide) et nouveau message du fofo et de la messagerie privée et de leurs onglets<br /> :hearts: 26/02/18 : Boîte de messagerie complètement refondue<br /> :hearts: 19/02/18 : Changement des minis icônes en lien avec les dernières réponses d'un sujet<br /> :hearts: 06/02/18 : "Au-delà des Voyances" fête la Saint-Valentin mais l'Amour se fête TOUS les jours, ne l'oublions pas <br /> :hearts: 04/01/17 : Nouvelle ambiance sur le thème hivernal (décor, smileys, avatars)<br /> :hearts: 03/12/17 : Smileys et avatars de Noël disponibles en libre service<br /> :hearts: 03/12/17 : "Au-delà des Voyances" a revêtu sa parure de fêtes de fin d'année<br /> :hearts: 20/10/17 : Ambiance halloweenesque sur Au-delà des Voyances<br /> :hearts: 22/09/17 : Nouveaux smileys et avatars sur le thème automnal<br /> :hearts: 20/08/17 : Repositionnement de l'ancien bouton de vote (1er bouton en page d'accueil) jusqu'à ce que le nouveau système soit enfin exempt de couacs et que l'ancien système soit supprimé !<br /> :hearts: 19/08/17 : Placement d'un zoom automatique sur les images et captures d'écran postées<br /> :hearts: 17/08/17 : Nouvelle configuration des topics<br /> :hearts: 13/08/17 : Section dédiée aux "Beaux Textes, Pensée Inspirantes, Citations, Poèmes"<br /> :hearts: 11/08/17 : Nous avons dépassé le cap des 50 000 messages postés<br /> :hearts: 01/08/17 : Changement de boutons de contact + ajout d'un bouton "Hors ligne" dans les profils des messages<br /> :hearts: 31/07/17 : Nouvelle page d'accueil et nouveau QEEL survolables<br /> :hearts: 29/07/17 : Placement de deux boutons/ascenseurs "haut" et "bas" en forme de cœurs ailés à droite du fofo<br /> :hearts: 28/07/17 : Petite refonte du bloc "Rechercher"<br /> :hearts: 13/07/17 : Refonte de la liste des sujets<br /> :hearts: 11/07/17 : Placement de boutons "Précédent" et "Suivant" dans la messagerie privée<br /> :hearts: 10/07/17 : Refonte de la revue des sujets que vous voyez en bas de page quand vous répondez aux messages via le bouton "Répondre"<br /> :hearts: 08/07/17 : Refonte de la liste des membres avec effet cartes qui se retournent et affichage du "En ligne"<br /> :hearts: 07/07/17 : Refonte des profils généraux sous forme de fiches de présentation (profils visibles quand vous cliquez sur l'avatar ou le pseudo d'un membre)<br /> :hearts: 06/07/17 : Refonte des zones de messages avec l'ajout d'encadrés englobant les posts et les signatures des membres<br /> :hearts: 10/04/17 : Comme un petit air de Pâques sur "Au-delà des Voyances"<br /> :hearts: 20/03/17 : Une toute nouvelle galerie d'avatars "fraîcheur printanière et brise d'été" est mise à votre disposition pour fêter le retour des beaux jours sur "Au-delà des Voyances"<br /> :hearts: 19/03/17 : Les smileys ensoleillés sont arrivés sur "Au-delà des Voyances"<br /> :hearts: 17/03/17 : Le beau temps précoce a encouragé "Au-delà des Voyances" à revêtir sa parure printanière<br />                                                                                                                                                                                  
 </p>
                                                                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                                              
 </div>
                                                                                                                                                                                                                                                                                                                                                        
</div>


Partie CSS :

Code:
#pa-voyances{
  margin:auto;
  height:450px;
  width:800px;
  background-color:#593927;
  border-radius:20px;
  border:2px solid #c19161;
}
 
#pa-titre{
  font-family: 'Berkshire Swash', cursive;
  font-size:40px;
  text-align:center;
  color:#D9744E;
  position:absolute;
  margin-left:25px;
  margin-top:20px;
  width:460px;
  line-height:25px;
}

.pa-soustitre{
  height:22px;
  font-size:22px;
  font-family: 'Berkshire Swash', cursive;
  text-align:center;
  background-color:#c19161;
  width:180px;
  border-radius:40px;
  margin:auto;
  color:#1D0300;
  text-shadow:1px 2px 2px #593927;
  border-bottom:5px solid #302117;
}
 
.pa-soustitre:hover{
  color:#dbc0a7;

 
#pa-amis, #pa-staff, #pa-contexte{
  display:inline-block;
  text-align:center;   
  position:relative;
}
 
#pa-amis{
  margin-top:-350px;
  height:350px;
  width:180px;
  bottom:40px;

 
#pa-amis p{
  height:280px;
  width:120px;
  background-color: #302117;
  margin:auto;
  padding-top:9px;
  border-radius:0px 0px 30px 30px;
  border-left:2px solid #c19161;
  border-right:2px solid #c19161;

 
#pa-amis img{
  margin:4px; 
}
 
#pa-staff{
  margin-top:-300px; 
}
 
#pa-staff p, #pa-staff #pa-para{
  height:70px;
  width:240px;
  background-color: #302117;
  margin:auto;
  padding-top:8px;
  border-radius:0px 0px 30px 30px;
  border-left:2px solid #c19161;
  border-right:2px solid #c19161;

 
#pa-staff #pa-para{
  height:130px;
  margin-bottom:15px;

 
#pa-staff .pa-soustitre {
  width:300px;
}
 
#pa-staff .infobulle{
  width:100px;
  height:100px;
  display:inline-block;
  margin-top:6px;
  margin-bottom:20px;
  left:2px;
  margin-left:-3px;

 
#pa-staff .infobulle img{
  width:100px;
  height:100x;
}
 
.infobulle{
        position:relative;
        width:100px;
        height:100px;
        overflow:hidden;
        border-radius:10px;
        background-color:#EFEFEF;
  border:2px solid #c19161;
      }

.infobulle:first-of-type{
        margin-right:10px;
      }

      .infobulle > img{
        width:100%;
      }

.infobulle div{
        position:absolute;
        color:#302117;
        font-family: 'Berkshire Swash', cursive;
        top:100px;
        left:0;
        width:100px;
        height:100px;
        padding:10px;
        box-sizing:border-box;
        background-color:#c19161;
        text-align:center;
        font-size:15px;
        line-height:25px;
        opacity:0;
        transition:all 600ms;
      }

.infobulle div a {
    color:blue;}

      .infobulle:hover div{
        top:0;
        opacity:0.9;
  border-radius:7px;
      }
 
#pa-staff .infobulle:hover span{
  opacity:1;
}
 
#pa-staff p img:hover{
  transform: rotate(360deg);
  transition: all 2s;

 
#pa-contexte{
  height:300px;
  width:240px;
  margin-top:20px
}

#pa-contexte .pa-soustitre {
  width:250px;
  margin-left:-5px;
}
 
#pa-contexte #pa-contexte-p, #pa-contexte #pa-p-bis{
  height:160px;
  width:200px;
  background-color: #302117;
  margin:auto;
  padding:4px 8px 4px 8px;
  border-radius:0px 0px 30px 30px;
  border-left:2px solid #c19161;
  border-right:2px solid #c19161;
  color:#C7732F;
  margin-bottom:15px;
  font-size:13px;

 
#pa-contexte #pa-p-bis{
  height:160px;
  width:200px;
  overflow:hidden;


#pa-contexte #pa-p-bis p{
  height:155px;
  width:190px;
  overflow:auto;
  margin-left:9px;
  padding-right:9px;
  margin-top:0px;
  text-align:left;
}

.bann{
bottom: -50px;}


Si vous avez besoin d'autres infos n'hésitez pas, je vous remercie d'avance pour votre précieuse aide,

Belle journée,

Ombeline.
Ombeline30

Ombeline30
****

Messages : 318
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Parties de la page d'accueil décalées vers le haut dépassant du cadre Empty Re: Parties de la page d'accueil décalées vers le haut dépassant du cadre

Message par Ombeline30 le Sam 14 Sep 2019 - 8:49

Un tout petit up pour solliciter votre aide s'il vous plaît Embarassed
Ombeline30

Ombeline30
****

Messages : 318
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Parties de la page d'accueil décalées vers le haut dépassant du cadre Empty Re: Parties de la page d'accueil décalées vers le haut dépassant du cadre

Message par Chacha le Ven 20 Sep 2019 - 9:55

Parties de la page d'accueil décalées vers le haut dépassant du cadre UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 60657
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Parties de la page d'accueil décalées vers le haut dépassant du cadre Empty Re: Parties de la page d'accueil décalées vers le haut dépassant du cadre

Message par Ombeline30 le Ven 20 Sep 2019 - 11:33

Bonjour si si toujours d'actualité j'essaie de régler le souci par moi-même mais je n'y parviens pas donc je reste dans l'attente d'une petite aide mais si j'y arrive je viendrai clôturer ma demande comme je l'ai toujours fait Wink

Belle fin de semaine à vous et à toute l'équipe,

Au plaisir,

Ombeline.
Ombeline30

Ombeline30
****

Messages : 318
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

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


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