Espace indésiré dans mes catégories (terminé)

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

Résolu Espace indésiré dans mes catégories (terminé)

Message par nyly* le Mer 23 Sep 2015 - 18:43

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : mise en place du nouveau design
Lien du forum : http://tokiohoteldamage.forumgratuit.org/

Description du problème

Bonjour,

je viens de changer le design de mon forum et j'ai créée un nouveau code pour mes catégories. Malheureusement, le résultat n'est pas ce que je voudrais et je n'arrive pas à trouver mon erreur.

Comme vous pouvez le voir sur le forum, il y a des espaces entre les différentes parties de ma catégories et ils ne sont jamais les mêmes. Je souhaiterai faire en sorte que tout soit bien alignés partout.

De plus, cela m'élargie la page, qui devrait normalement s'arrêter sur les bords de ma bannière, comme lorsque vous n'êtes plus sur la page d'accueil mais dans les sujets.

J'ai beau revoir mes codes, je ne suis pas encore une experte et je ne trouve pas mon problème. Si quelqu'un pouvait m'aider ce serait super sympa. ^^

Voici mon code CSS::
Code:
    .bodyline {
    -moz-border-radius:0px;
    border: 0px dashed white;
      padding: 0px;
    }


    a {
    font-size: 10px;
      letter-spacing: 2px;
    font-family: cinzel;
      text-decoration:uppercase;}

    body
    {background-image: url(), url(http://i21.servimg.com/u/f21/17/67/18/58/fond10.png);
    background-color: none;
    background-repeat: no-repeat, repeat;
    background-position: top center, center;
    background-attachment: scroll;
    }

    /* Fond de base caté*/
    td.row1, td.row2, td.row3, td.row3Right {
        background-color: #553A39;
    }

    -RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

    /* Fond au survol caté*/
    td.row1.over:hover, td.row2.over:hover {
        background-color: #553A39;
    }

    /***EVENT***/
    .évènementfond {align: center;
    background-color: yellow;
    border: 2px ridge yellow;
    font-size: 11px;
    font-family: courrier;
    font-color: black;
    letter-spacing: 1px;
    width: 70%;
    height: auto;}

    .évènementfondtitre {
      background-color: white;
      font-family: tulpen one;
      font-size: 25px;
      font-color: black;
      line-height: 27px;
      width: auto;
    }


    /**MUSIQUE**/
    .widgetmusique{
              background-color: white;
      font-size: 11px;
      line-height: 10px;
      text-align: center;
      font-family: times new roman;
      letter-spacing:1px;
      width: 170px;
      height: 320px;
      position:absolute;
      top: 1100px;
      left: 0px;
      padding:5px;
    border-left: 2px solid #E63C99;
    border-top: 2px solid #E63C99;
    border-bottom: 2px solid #E63C99; }

    .titremusique{font-family: Great Vibes;
        font-size: 40px;
      color: #E63C99;
      letter-spacing: 2px;
      text-align: center;
      text-shadow: 1px 0px 0px white;}




    /**TITRES ET AUTRES**/
    .info{color: #E95633;
      font-family: Permanent Marker;
      letter-spacing: 1px;
      font-size: 15px;}

    .info2{color: #E95633;
      text-shadow: 1px 1px 1px black;
      font-family: Limelight;
      letter-spacing: 1px;
      letter-spacing: 1px;
      font-size: 18px;
      line-height: 15px;
    }

    .titre1{height: auto;
      background-color: #ffffff;
      border: 1px dashed none;
      color: #333333;
      font-family: Leckerli One;
      letter-spacing: 1px;
      font-size: 35px;
    line-height: 20px;}

    .titre2{height: auto;
      background-color: #75251A;
      border: 1px dashed none;
      color: #E0CB96;
      font-family: Satisfy;
      letter-spacing: 1px;
      font-size: 35px;
    line-height: 28px;}

    .grostitre2 {color: black;
      font-family: Limelight;
      letter-spacing: 1px;
      font-size: 35px;
    text-align: center;
    text-shadow:1px 2px 2px white;}


    .grostitre {color: black;
      font-family: great vibes;
      letter-spacing: 1px;
      font-size: 50px;
    text-align: center;
    text-shadow:1px 2px 2px white;}

    .annonce {width: 98%;
    height: auto;
      -moz-border-radius: 0px; /* Firefox 12 et versions précédentes */
      -webkit-border-radius: 0px; /* Chrome et Safari */
      border-radius: 0px; /* W3C */
    font-size: 12px;
      letter-spaing: 1px;
      font-family: courrier new;
    line-height: 11px;
    text-align: justify;
    padding: 5px;
      padding-top: 100px;
      padding-bottom: 100px;
    background-color: #E0CB96;
    border-right: 6px solid #333333;
      border-bottom: 6px solid #333333;
    color: #333333;}


    .creditation {font-size: 9px;
    line-height: 8px;
    text-align: right;}



    .selectCode { float:right; font-family: great vibes; font-size: 25px; letter-spacing: 1px; word-spacing: 5px; cursor:pointer; }
    div.cont_code { clear: right; }


    /**CODE**/
    .code{font-family:courrier;
        letter-spacing:1px;
      color: white;
        background-color: white;
      border-right: 1px solid #75251A;
      border-bottom: 1px solid #75251A;
    width: 550px;
    height: auto;
      overflow: auto;
    -moz-border-radius-bottomleft:20px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;}


    .quote{font-family:cinzel;
        letter-spacing:1px;
      color: white;
        background-color:#75251A;
      opacity:0.7;
    border-right: 1px solid #75251A;
      border-bottom: 1px solid #75251A;
    width: 550px;
    height: auto;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:00px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;}





    /* CATEGORIES */
    a.forumlink {
            width: 100%;
            line-height: 40px;
            background-color: none;
            font-family:great vibes;
      color: #6a5451;
            font-size: 20px;
                    display: block;
      text-align: left;
    transition: all 1s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
      padding-left: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 3px;
    margin-bottom: -10px;
    margin-right:40px;
    display: block;
    text-transform: none;
      font-variant: normal;
            }

    a.forumlink:hover
    {
      color: black; /* Couleur d'arrivée */
      letter-spacing: 5px; /* écartement des lettres*/
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
      font-size: 45px;
      font-family:great vibes;
      font-variant: normal;
    }



    .contourimage /* cadre pour les images de nouveaux sujets */{
      -moz-border-radius:00px;
      -o-border-radius:00px;
      -webkit-border-radius:00px;
      border-radius:00px;
    width:100px;
      height: 130px;
      background-color: #DFCA94;
      border: 1px solid #7A6B54;
      text-align: center;
      padding-top: 5px;
        }

    .hierarchy {
      position:absolute;
            top : -10px;
        left:50px;
      margin: 0;
      background-color:none;
      font-size: 60px;
      text-shadow: 1px 1px 1px wheat;
      letter-spacing: 5px;
      font-family: times new roman;
      padding-left: 10px;
      padding-right: 10px;
    }

    .contourcatégorie /* cadre central pour catégorie */ {
      position : relative;
      text-align: center;
      font-family: times new roman;
      letter-spacing: 1px;
            border: 2px solid none;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
      width: 660px;
      height: 130px;
      background-color: #DFCA94;
    }



    .descripcaté /* cadre central pour sous forum */ {
      -moz-border-radius:0px;
      -o-border-radius:0px;
      -webkit-border-radius:0px;
      border-radius:0px;
        width: 470px;
      height:90px;
      overflow:auto;
      border: 1px dashed none;
      background-color:#DED1A7;
      text-align: justify;
      margin-left: 5px;
      margin-top: 30px;
   
      }

    .contouravatarposter {
    width: 80px;
    height: 130px;
    text-align: center;
    padding-top: 5px;
      border: 0px dashed #9F7555;
      background-color:none;
    }

    .lastpost-avatar{
            float: left;
            padding: 2px;
            }
            .lastpost-avatar img {
            width: 74px;
            height: 120px;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
      box-shadow: 1px 1px 1px white;
            }

   
    .contourderniermess/* cadre qui entoure les derniers messages et le nombre de sujets */ {
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
      width: 140px;
      height: 130px;
      background-color: none;
      border: 0px dashed #D4C3B5;
      background-color: #DFCA94;
      text-align:center;
      font-size: 10px;
        color: #7A6B54;
      font-family: times new roman;
      letter-spacing: 1px;
   
      }
    .message{height: 100px;
    padding-top: 10px;}

    .cadre1 /* cadre interne affichage des derniers sujets */{
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 0px dashed #7A6B54;
      background-color: #EADAC6;
    font-size: 10px;
      padding-bottom: 0px;
        color: #7A6B54;
      font-family: times new roman;
      letter-spacing: 1px;
    }

    .liensutilescaté{
    width: 130px;
      height: 80px;
      background-color: #DFCA94;
      border: 0px dashed #7A6B54;
    text-align: center;
      padding: 10px;
      margin-top: 20px;
    }

    /*NAVIGATION CATEG*/
    #lienscategories {

    width: 130px;
      margin: auto;

    }

    #lienscategories A:link, #lienscategories A:visited, #lienscategories A:active {

    font-family: times new roman;
    font-size: 8px;
      letter-spacing:1px;
    text-align: center;
    padding: 2px;
    color: #7a6967;
    background-color: #DED1A7;
    line-height: 7px;
    display: block;

    border-bottom: 1px solid white;
    border-right: 1px solid white;

    }

    #lienscategories A:hover {
    color: #ffffff;
      letter-spacing:2px;
    background-color: #BE5F4B;
    font-size: 13px;
      line-height: 9px;
      transition: 2s;
      -moz-transition: 2s;
      -o-transition: 2s;
      -htm-transition: 2s;
      -webkit-transition: 2s;
      font-family: tulpen one;
    }




    /*
    =======================================================
    MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
    Code proposé par Miki sur CSSActif
    Correction par CSSActif - http://www.css-actif.com
    =======================================================
    DEBUT DU CODE
    =======================================================
    */

    .descriptionqeel{
      width: 750px;
    height: auto;
    letter-spacing: 2px;
    font-family: courrier new;
    font-size: 9px;
    text-align: justify;
    }

    .qeelvide{height: 500px;}

    /* Conteneur du QEEL */
    .Qeel {
      border:0px;
      background: url(http://i21.servimg.com/u/f21/17/67/18/58/qeel_l10.jpg) no-repeat top center;
      min-height:520px;
    }

    /* Conteneur principal */
    .QeelMain {
      padding-left:ESPACEMENTpx;
    }

    .ListeGroupes {
      text-align:center;
    }

    /* Mise en forme des liens des groupes */
    .ListeGroupes a {
          background:#fff00; /* couleur de fond */
      border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
      padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
      margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
      font-size:35px; /* taille du texte */
      font-weight: bold; /* épaisseur du texte */
      font-family: Tulpen One;
      text-decoration: none !important; /* pas de soulignement */
      /* coins arrondis (tous navigateurs) */
      border-radius:5px;
      -moz-border-radius : 5px;
      -webkit-border-radius:5px;
    }

    /* Mise en forme des liens des groupes au survol */
    .ListeGroupes a:hover {
      background:silver;
      color:;
    }

    /* Pour chaque groupe, préciser la couleur */
    a.groupe1 { color:#550DDB; }
    a.groupe2 { color:#EB3043; }
    a.groupe3 { color:#18E780; }




    .groupe{width:200px;
    height: 50px;
    overflow: auto;
    font-size: 9px;
    font-family: courrier;
    text-transform: uppercase;
    line-height: 9px;
    letter-spacing: 1px;
    color: black;
    padding: 2px;}

    .groupe1{color: #269B9B;
      font-family: limelight;
      letter-spacing: 1px;
      font-size: 11px;}
    .groupe2{color: #EB3043;
      font-family: limelight;
      letter-spacing: 1px;
      font-size: 11px;}
    .groupe3{color: #339966;
      font-family: limelight;
      letter-spacing: 1px;
      font-size: 11px;}


    .nompartiepa {font-family: permanent marker;
    font-size: 25px;
    color: #553A39;
    text-align: center;}


    /* Affichage des statistiques du forum (nombre de sujets, de messages, de membres) */
    .LesStatistiques {
      width: 750px;
    height: auto;
    letter-spacing: 2px;
    font-family: courrier new;
    font-size: 9px;
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */
    }

    /* Affichage des membres en ligne (nombres d'enregistrés/invisibles/invités et liste des membres en ligne) */
    .MembresOnline {
      width: 750px;
    height: 60px;
      overflow:auto;
    letter-spacing: 2px;
    font-family: courrier new;
    font-size: 9px;
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */
    }

    /* Affichage des membres connectés au cours des dernières XX heures */
    .Historique {
      width: 750px;
    height: 70px;
      overflow:auto;
    letter-spacing: 2px;
    font-family: courrier new;
    font-size: 9px;
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */
    }

    /* Correctif liste 24h */
    .Liste24h  { width:750px;
    height: 40px;
      overflow:auto;
    letter-spacing: 2px;
    font-family: courrier new;
    font-size: 9px;
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */ }

    /*
    =======================================================
    MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
    =======================================================
    FIN DU CODE
    =======================================================
    */


    /***PROFIL**/

    /*avatar*/
    .postdetails.poster-profile a img {
    -moz-border-radius:50px;
      -o-border-radius:50px;
      -webkit-border-radius:50px;
      border-radius:50px;
    border: 2px solid #AF4229;
    background-color:#DFC993;
      background-repeat: repeat;
    }

    .profilcomplet /* contour complet ava+nom */{
    text-align: center;
      width: 220px;
    padding: 0px;
    background-color:#DFC993;
    border-radius: 00px;
    display:block;
    border: 0px solid #83C99E;
        }

    .cadreintérieur {  padding: 0px;
    border: 0px solid #439A64;
    background-color:#DFC993;}

    .profilinfos {
    text-align: justify;
      font-size: 9px;
      line-height: 10px;
      letter-spacing: 0px;
    background-image: url(http://i75.servimg.com/u/f75/16/70/35/94/fond211.png);
    display:list;
    border-right: 0px solid #63809D;
    border-left: 0px solid #63809D;
      width: 240px;
    padding: 8px;
      padding: px;
    }


    .pseudo{font-family: Amatic Sc;
      font-size: 18px;
      letter-spacing: 1px;
      color: #479866;
    }

    /*masqué*/
    .bouton-profil {
      align: center;
        cursor: pointer; /* curseur au survol */
        margin: 2px 0; /* petite marge en haut et en bas */
        padding: 2px; /* espacement entre le texte et la bordure */
        text-align: center; /* centrage du texte dans le bloc */
      /* -- mise en forme -- */
        background-image: url(http://i75.servimg.com/u/f75/16/70/35/94/ouvrir11.png);
        border: 3px double #83C99E; /* bordure */
      border-radius: 50px;
        color: none; /* couleur texte */
        font-size: 11px; /* taille du texte */
        font-variant: small-caps; /* effet petites majuscules */
        font-weight: bold; /* effet gras */
        letter-spacing: 2px; /* espace entre les lettres */
      width: 150px;
      height: 50px;
    }

    .profil-cache {
      border: 2px double #83C99E;
        margin: 2px 0;
        padding: 2px;
    }

    /* les onglet */
    .systab .tab {
      padding: 2px 10px;
      margin-right: 5px;
      color: black;
      background: #DFC993;
      border: 1px solid #AF4229;
      cursor: pointer;
      letter-spacing: 1px;
      font-size: 10px;
      line-height: 8px;
    }
    /* les onglets survolés */
    .systab .tab:hover {
      background: #DFC993;
      color: black;
      border-color: #AF4229;
      letter-spacing: 1px;
      font-size: 10px;
      line-height: 8px;
    }
    /* les onglets sélectionnés */
    .systab .tab.selected{
      color: black;
      background: #DFC993;
      letter-spacing: 1px;
      font-size: 10px;
      line-height: 8px;
    }
    /* contenus associés aux onglets  */
    .systab .contents {
      margin-top: 1px;
      margin-bottom: 1px;
      color: black;
      background: #DFC993;
      border: 1px solid #000;
      padding: 10px;
      letter-spacing: 1px;
      font-size: 10px;
      line-height: 8px;
    text-align:left;
   
    }
    /* style des onglets */
    .systab.s_float .tab,.systab.s_float .tab {
      display: block;
      margin: 5px;
    }
    /* flottement des conteneurs  */
    .systab.s_float .tabs,.systab.s_float .contents {
      float: left;
    }

    /**PAGE D'ACCUEIL NYLY**/

    /**PAGE D'ACCUEIL NYLY**/



    .nompartiepa {font-family: permanent marker;
    font-size: 25px;
    color: #553A39;
    text-align: center;}

    .contexte {height: 220px;
    width: 400px;
    }

    .contourcontexte {
    font-size: 11px;
      line-height: 10px;
      text-align: justify;
      font-family: times new roman;
      letter-spacing:1px;
      width: 390px;
      height: 170px;
      overflow:auto;
    margin: auto;}

    .news {height: 300px;
    width: 220px;}

    .navig {height: 520px;
    width: 200px;}

    .staffy {height: 300px;
    width: 200px;}

    .partners {height: 300px;
    width: 200px;}

    .vote {height: 200px;
    width: 200px;}

    .date{height: auto;
      background-color: #BE5F4B;
      border: 1px dashed none;
      color: white;
      font-family: tulpen one;
      letter-spacing: 1px;
      font-size: 18px;
    line-height: 16px;}



    /*NAVIGATION PA*/
    #subnav {

    width: 520px;
      margin: auto;

    }

    #subnav A:link, #subnav A:visited, #subnav A:active {

    font-family: times new roman;
    font-size: 10px;
      letter-spacing:1px;
    text-align: center;
    padding: 2px;
    color: #DEC891;
    background-color: #553A39;
    line-height: 12px;
    display: block;
    border-left: 1px solid white;
    border-right: 1px solid white;

    }

    #subnav A:hover {
    color: #DEC891;
    background-color: #BE5F4B;
      transition: 2s;
      -moz-transition: 2s;
      -o-transition: 2s;
      -htm-transition: 2s;
      -webkit-transition: 2s;
      font-family: tulpen one;
      font-size: 15px;
      letter-spacing: 3px;
      border-left: 1px solid white;
    border-right: 1px solid white;
    }



    /* BLOC ANIMATION  STAFFY */

    .NomStaff{
      color: #49A7C2;
      text-align: center;
      font-family: Great Vibes;
      letter-spacing: 1px;
        padding: 1px;
      font-size: 18px;}

    .RangStaff{text-align: center;
      font-family: Sacramento;
      letter-spacing: 1px;
      color: #E63C99;
      padding: -3px;
      font-size: 18px;}

        /* CSS crunched with Crunch - http://crunchapp.net/ */
    /* Bloc principal MEMBRE 1*/
    .monBlocroxanne {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 100px; /* largeur du bloc */
      height: 100px; /* hauteur du bloc */
      background-image: url(http://i82.servimg.com/u/f82/17/67/18/58/essai_10.jpg); /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
   
    }

    /* Bloc de recouvrement */
    .blocVoletroxanne {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 100px; /* largeur du bloc (identique au bloc principal) */
      height: 100px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://img15.hostingpics.net/pics/541714EmiliaIc34.png); /* couleur de fond */
   
      /* réglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
    }

    /* Changement au survol */
    .monBlocroxanne:hover > .blocVoletroxanne {
      top: -100px; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */
    }

    /* Bloc principal MEMBRE 2*/
    .monBlocstaff2 {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 100px; /* largeur du bloc */
      height: 100px; /* hauteur du bloc */
      background-image: url(http://i82.servimg.com/u/f82/17/67/18/58/essai_10.jpg); /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
   
    }

    /* Bloc de recouvrement */
    .blocVoletstaff2 {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 100px; /* largeur du bloc (identique au bloc principal) */
      height: 100px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://i21.servimg.com/u/f21/17/67/18/58/staff10.png); /* couleur de fond */
   
      /* réglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
    }

    /* Changement au survol */
    .monBlocstaff2:hover > .blocVoletstaff2{
      top: -100px; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */
    }

    /* Bloc principal MEMBRE 3*/
    .monBlocstaff3 {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 100px; /* largeur du bloc */
      height: 100px; /* hauteur du bloc */
      background-image: url(http://i82.servimg.com/u/f82/17/67/18/58/essai_10.jpg); /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
   
    }

    /* Bloc de recouvrement */
    .blocVoletstaff3 {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 100px; /* largeur du bloc (identique au bloc principal) */
      height: 100px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://i21.servimg.com/u/f21/17/67/18/58/staff10.png); /* couleur de fond */
   
      /* réglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
    }

    /* Changement au survol */
    .monBlocstaff3:hover > .blocVoletstaff3 {
      top: -100px; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */
    } 


    /***FICHE DE PV**/

    .fondpv{width: 650px;
      height: auto;
    background-color: #E95633;
      border: 3px solid #ffffff;
      border-radius: 120px;
    }

    .nomperso{font-family: Great Vibes;
      font-size: 70px;
      color: white;
      letter-spacing: 2px;
      text-align: center;
      text-shadow: 2px 0px 0px white;}

    .célébrité{font-family: courrier new;
    letter-spacing: 1px;
    font-size: 10px;
    color: white;
    text-align:center;}

    .fondvava{font-family: courrier new;
    letter-spacing: 1px;
    font-size: 10px;
    color: #333333;
    text-align:center;
    width: 210px;
    height: 340px;
    border: 1px solid #333333;
    background-color: #ffff00;}

    .infopv {width: 300px;
      height: 340px;
      background-color: #49A7C2;
      text-align:justify;
      font-family: cinzel;
      font-size: 15px;
      overflow:auto;
    }

    .descrippv {width: 540px;
      height: 120px;
      background-color: #E63C99;
      text-align:justify;
        font-size: 10px;
      letter-spacing: 1px;
      overflow:auto;
    }

    .relation {width: 440px;
      height: 110px;
      background-color: #E63C99;
      text-align:justify;
        font-size: 10px;
      letter-spacing: 1px;
      overflow-y:auto;
    }




    /*FICHE CARNET DE BORD*/
    .fondfichecarnet{
    width: 550px;
      height: auto;
      background-color: #A15649;
      border: 2px solid white;
      div-align:center;
      }

    .infocarnet{
      padding: 10px;
      letter-spacing: 1px;
      font-size: 13px;
      font-family: cinzel;
      color: white;
    text-align; center;}

    .titrecarnet{color:#A15649;
      letter-spacing: 1px;
    font-family: Limelight;
      letter-spacing: 1px;
      font-size: 25px;
    background-color: white;
    }

    .info2carnet{color:black;
      letter-spacing: 1px;
    font-family: cinzel;
      letter-spacing: 1px;
      font-size: 10px;
    background-color: #DFCA95;
    padding:50px;
    text-align: justify;
    overflow: auto;
    width: 450px;
    height: 200px;}

    .liensearchcarnet{color:black;
      letter-spacing: 1px;
    font-family: cinzel;
      letter-spacing: 1px;
      font-size: 10px;
    background-color: #DFCA95;
    padding:50px;
    text-align: justify;
    width: 450px;
    height: auto;}





    /***FICHE DE PREZ**/

    .fondprez{width: 550px;
      height: auto;
      background-color: #A15649;
      border: 2px solid #333333;
      border-radius: 0px;
    }

    .nomperso{font-family: Great Vibes;
      font-size: 50px;
      color: #DFCA95;
      letter-spacing: 2px;
      text-align: center;
      text-shadow: 2px 0px 0px black;
    }

    .fondID {width: 500px;
      height: auto;
      color:#333333;
      background-color: #DFCA95;
      text-align:justify;
    line-height: 15px;
      letter-spacing: 1px;
    font-family: cinzel;
      letter-spacing: 1px;
      font-size: 10px;
      padding:3px;
    }

    .fondIcon {width: 510px;
      height: 110px;
      background-color: #DFCA95;
      text-align:center;}



    .infoprez{font-family: great vibes;
      font-size: 20px;
      color: #E63C99;
          text-shadow: 1px 0px 0px white;}


    .identité {height: 500px;
    width: 250px;
      overflow: auto;
    text-align: justify;}

    .fondhistoire {width: 500px;
      height: auto;
      color:#333333;
      background-color: #DFCA95;
      text-align:justify;
    letter-spacing: 1px;
    font-size: 10px;
    }

    .fondhistoire2 {width: 490px;
      height: 400px;
      color:black;
      background-color: none;
      opacity:0.7;
      text-align:justify;
    letter-spacing: 1px;
    overflow: auto;
    font-size: 10px;
    padding: 5px;
    text-transform: uppercase;
    font-family: courrier;}

    .fondcaractère{width: 630px;
      height: 200px;
      color:black;
      background-color: white;
      opacity:0.7;
      text-align:justify;
    letter-spacing: 1px;
    overflow: auto;
    font-size: 10px;}

    .vous{width: 500px;
      height: 110px;
      color:black;
      background-color: #DFCA95;
      opacity:0.7;
      text-align:justify;
    letter-spacing: 1px;
    overflow: auto;
    font-size: 10px;}



    /****DEMANDE PARTENARIAT***/
    .contourpartenariat1 {
      width: 90%;
      border-radius: 90px;
      background-color:#A15649;
        opacity:0.9;
      text-align: center;
   
    }

    .contourpartenariat2 {
      width: 90%;
      div-align: center;
      border-radius: 0px;
      background-color:#DFCA95;
      text-align: justify;
      border: 2px dotted black;
      padding: 2px;
   
    }

    .infopart{height: auto;
      background-color: #A15649;
      border: 0px dashed none;
      color: black;
      font-family: tulpen one;
      letter-spacing: 1px;
      font-size: 20px;
    line-height: 15px;}

    .parttitre {color: #DFCA95;
      font-family: limelight;
      letter-spacing: 1px;
      font-size: 35px;
    text-align: center;}


    /***membres mois***/

    /* BLOC ANIMATION  membre mois */

    .Nomdumembre{
      color: #BE5F4B;
      text-align: center;
      font-family: permanent marker;
      letter-spacing: 1px;
        padding: 1px;
      font-size: 15px;
    line-height: 15px;
    padding-top:105px;}


    /* CSS crunched with Crunch - http://crunchapp.net/ */
    /* Bloc principal MEMBRE 1*/
    .monBlocmembre1 {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 100px; /* largeur du bloc */
      height: 100px; /* hauteur du bloc */
      background-image: url(http://i82.servimg.com/u/f82/17/67/18/58/essai_10.jpg); /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
   
    }

    /* Bloc de recouvrement */
    .blocVoletmembre1 {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 100px; /* largeur du bloc (identique au bloc principal) */
      height: 100px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://img15.hostingpics.net/pics/768504KitIc5.png); /* couleur de fond */
   
      /* réglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
    }

    /* Changement au survol */
    .monBlocmembre1:hover > .blocVoletmembre1 {
      top: -100px; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */
    }

    /* Bloc principal MEMBRE 2*/
    .monBlocmembre2 {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 100px; /* largeur du bloc */
      height: 100px; /* hauteur du bloc */
      background-image: url(http://i82.servimg.com/u/f82/17/67/18/58/essai_10.jpg); /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
   
    }

    /* Bloc de recouvrement */
    .blocVoletmembre2 {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 100px; /* largeur du bloc (identique au bloc principal) */
      height: 100px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://i21.servimg.com/u/f21/17/67/18/58/bill310.png); /* couleur de fond */
   
      /* réglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
    }

    /* Changement au survol */
    .monBlocmembre2:hover > .blocVoletmembre2{
      top: -100px; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */
    }

    /* Bloc principal MEMBRE 3*/
    .monBlocmembre3 {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
      width: 100px; /* largeur du bloc */
      height: 100px; /* hauteur du bloc */
      background-image: url(http://i82.servimg.com/u/f82/17/67/18/58/essai_10.jpg); /* couleur de fond */
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
   
    }

    /* Bloc de recouvrement */
    .blocVoletmembre3 {
      position: absolute; /* positionnement absolu (important) */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 100px; /* largeur du bloc (identique au bloc principal) */
      height: 100px; /* hauteur du bloc (identique au bloc principal) */
      background-image: url(http://i21.servimg.com/u/f21/17/67/18/58/gus10.png); /* couleur de fond */
   
      /* réglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
    }

    /* Changement au survol */
    .monBlocmembre3:hover > .blocVoletmembre3 {
      top: -100px; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */
    }

et celui de mon template::
Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <div class="titrecaté">{catrow.tablehead.L_FORUM}</div> </th>
       
       
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <td colspan="5"><table style="width: "1000px"; cellspacing="1"">
      <tbody>
          <tr>
            <td>
                <div class="contourimage">
                                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                </div>
            </td>
            <td>
                <div class="contourcatégorie">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
    </h{catrow.forumrow.LEVEL}>
                      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                 

                  </div>
                </div>
            </td>
            <td>
               
            </td>
            <td>
                <div class="contouravatarposter">
                  <!-- BEGIN avatar -->
            <div style="width: 74px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
                </div>
            </td>
            <td>
                <div class="contourderniermess">
    <div class="message"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
    <div class="cadre1">
                      {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
                  </div>
                </div>
            </td>
          </tr>
      </tbody>
              </td>
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->

    <tr><td colspan="6"><div class="imgbas"> </div></td></tr>
        </table><img src="{SPACER}" alt="" height="10" width="1" />

    <!-- END tablefoot --><!-- END catrow -->

Je vous remercie de prendre le temps de lire ma demande ^^
Bonne soirée à vous ^^


Dernière édition par nyly* le Jeu 24 Sep 2015 - 17:09, édité 2 fois

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace indésiré dans mes catégories (terminé)

Message par nyly* le Jeu 24 Sep 2015 - 17:08

problème résolu après avoir cherché des heures....

il me manquait çà.
Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"

Vous pouvez archiver merci ^^

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* 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