Interligne indésirable [résolu] Bouton_activeInterligne indésirable [résolu] Bouton_hoverInterligne indésirable [résolu] Fb-hoverInterligne indésirable [résolu] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

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

Derniers sujets
» Système d'onglets simple et personnalisable
Interligne indésirable [résolu] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Interligne indésirable [résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Interligne indésirable [résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Interligne indésirable [résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Interligne indésirable [résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Interligne indésirable [résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Interligne indésirable [résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Interligne indésirable [résolu] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -14%
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 ...
Voir le deal
299.99 €

Partagez
 

Interligne indésirable [résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Interligne indésirable [résolu] Empty
Bonsoir !

Je rencontre un problème assez récalcitrant. J'ai un interligne immense entre les titres de mes topics, et j'ai beau changer l'option (non, ligne ou tableau) dans mon panneau d'administration, ça ne change absolument rien.

Mon template topic_list_box n'a aucune balise
indésirable dans le code qui donnerait cet effet, et même le code css
Code:
.topictitle{
margin-bottom: -Xpx;
}
n'a rien donné. J'ai toujours ceci à l'affichage : https://i.servimg.com/u/f33/16/06/42/02/espace10.png

Merci d'avance !


Dernière édition par Nye-Hael le Dim 14 Juil 2013, 06:09, édité 1 fois
MessageSujet: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 15:06
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Interligne indésirable [résolu] Empty
Je poste pour accès à un éventuel code ou bien lien de ton forum.

Edit : peut tu me donner le lien où tu constates ce problèmes s'il te plait (: ?
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 15:26
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Interligne indésirable [résolu] Empty
Mon forum est en maintenance, en fait.

Et je constate ce problème dans toutes mes listes de topics.
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 15:32
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Interligne indésirable [résolu] Empty
En fait, le truc c'est que si j'ai pas le code ton template + ton css, ou bien le lien du forum pour constater, je ne peux pas vraiment voir d'où vient le problème >////<
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 15:34
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Interligne indésirable [résolu] Empty
Stupide que je suis.

Et un CSS qui roule
Code:
/* QEEEEEEEEL */

.qeelhaut {
  color: #f9cdbe;
  font-family: times new roman;
  font-weight:;
  font-size:28px;
  letter-spacing:-3px;
  text-transform:uppercase;
  text-shadow: 0px 0px 2px #ffffff;
}

.qeeltitre {
  font-family: times new roman;
  font-weight:;
  font-size: 55px;
  letter-spacing:-2px;
  color: #f9cdbe;
  text-shadow: 3px 3px 0px #ffffff;
  margin-top: -25px;
  text-transform: lowercase;
  margin-left:40px;
}

.qeeltout {
  background:url('http://image.noelshack.com/fichiers/2013/28/1373627495-test4.png')
}

/* QEEEEEEL FIN */

/* TEST CATEGORIE DEBUT */

.forumlink2 {
  text-align:left;
  font-family:Georgia;
  font-size:25px;
  border-bottom: 2px solid #ef889d;
  color:black;
  text-transform:uppercase;
  letter-spacing:-2px
  color: #e995af; 
}

.derstat2 {
  height:127px;
  width:140px;
  background-color:#f5e9db;
  text-align:center;
  padding:10px;
}

.sousforum2 {
  background-color:#f9cdbe;
  padding:10px;
  width:130px;
  height:85px;
  overflow:auto;
  color:gainsboro
}

/* TEST CATEGORIE FIN */

/*TITRE CATEGORIE*/

.TitreCategorie {
  background: #f5e9db;
  border-radius:0px 0px 0 0;
  -moz-border-radius:0px 0px 0 0;
  -wekbit-border-radius:0px 0px 0 0;
  width: 500px;
  margin:auto;
  padding: 5px;
  border: 0px solid #;
  border-bottom: 0px; }
 
.TitreCategorie h2 {
  margin:0;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #f9cdbe;
  font-family: Times New Roman;
  font-size: 20px;
  text-shadow: 1px 1px 4px #ffffff;}

/*TITRE FIN*/

.table{
  width: 100%;
  margin: auto;}

.forum > table {
    width: 100%;}

a {
font-family: 'Oswald', sans-serif;
  text-decoration: none !important;}

.cate_titre{
  width: 800px;
  margin: auto;
  text-align: center;}

.categorie{
  width: 800px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 3px solid #;
  border-bottom: 1px solid #;
  border-right: 1px solid #;
  border-left: 1px solid #;
  box-shadow: 0px 0px 5px #;
  -moz-box-shadow: 0px 0px 5px #;
  -o-box-shadow: 0px 0px 5px #;
  -htm-box-shadow: 0px 0px 5px #;
  -webkit-box-shadow: 0px 0px 5px #;
border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;}

.forum{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px dotted #;
 border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;}

.forumlink{
  display: block;
  width: 450px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  color: #e995af;
  text-shadow: 1px 1px 0px #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forumlink a{
  font-size: 16px;
  border-bottom: 2px dotted #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}


/*DESCRIPTIONS, ILLUSTRATIONS*/

.description {
  display: block;
  width: 450px;
  height: 105px;
  overflow: hidden;
  bordure:solid 0px #;
  font-size: 10px;
  background-color: #f6e9e3;
color: #000000;}

.description_contenu {
  position: absolute;
  display: block;
  width: 450px;
  height: 105px;
  overflow: auto;
  background-color: #f6e9e3;
  font-size: 10px;
  color: #000000;
  text-align: justify;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; }

.stats_last{
  display: block;
  width: 140px;
  margin: auto;
  background-color: #f2dbd3;
  padding: 10px;
  border: 1px dotted #;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
-moz-box-shadow: 0px 0px 2px #000000;
  box-shadow: 0px 0px 2px #000000;
  -webkit-box-shadow: 0px 0px 2px #000000;}

.stats{
  background-color: #ffffff;
  display: block;
  text-align: center;
  font-size: 10px;
  color: #000000;
  font-weight: none;
  border-bottom: 1px solid #;
  padding-bottom: 4px;
  margin-bottom: 4px;
  margin-top: 5px;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px #;
  box-shadow: 0px 0px 0px #;
  -webkit-box-shadow: 0px 0px 0px #;}

.last{
  display: block;
  text-align: center;
  font-size: 11px;}


/* Corps du forum */
body {
background-position: center; }


/* Catégories */
.forumline {}

/* Description forum */
.gen { }

/* Description Catégories */
.genmed {    }

/* Texte catégories */
.gensmall { }

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

a:hover {text-decoration: none !important}

.forumline {-moz-border-radius: 20x;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 5px;
}

.bodyline{
 border-left: 0px #544434 double;
border-right: 0px #7b7b7b solid;
border-top: 0px #7b7b7b solid;
 border-bottom: 0px #52181f solid;
-moz-border-radius: 10px;
  -moz-box-shadow: 1px 1px 1px ##000000;
  box-shadow: 1px 1px 1px ##000000;
-webkit-box-shadow: 1px 1px 1px ##000000;
}

body{margin-bottom: -10px;}
body{margin-top: 0px;}
body{margin-left: -1px;}

.bodyline{
padding: 0px;
margin:0px:}

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

a { text-decoration: none; }
a:hover{
text-transform: lowercase; }

.navig {
position: absolute;
top: 50px;
width: 100%;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }
 
        a.mainmenu {
        text-decoration: none;
        color:#000000;
        font-size:12px;
        font-family:lucida grande;
        text-align:center;
padding: 0px;}

        .navig {
        position: absolute;
        top: 0px;
        width: 100%;
          background-color: #e4859d;
  -moz-box-shadow: 0px 0px 0px #000000;
  box-shadow: 0px 0px 0px #000000;
  -webkit-box-shadow: 0px 0px 0px #000000;
text-decoration: none;
        font-size:13px;
        font-color:#ffffff;
        font-family:lucida grande;
        text-align:center;
padding: 0px;}

          #chatbox_header .catBottom .cattitle {
            color: #ffffff;
        }
        #chatbox_header .chatbox-options .genmed,
        #chatbox_header .chatbox-options,
        #chatbox_header .chatbox-options a {
            color: #ffffff;
        }
        .profil_speudo {
            background-color: #F2DCDA;
            border: 0px solid #;
          -moz-border-radius:1px 1px 1px 1px;
          -webkit-border-radius:1px 1px 1px 1px;
            border-radius:1px 1px 1px 1px;
        }
       
        .profil_avatar {
          border: solid 2px #e9d3bb;
          padding: 5px;
          -moz-border-radius:1px 1px 1px 1px;
          -webkit-border-radius: 1px 1px 1px 1px;
          border-radius:1px 1px 1px 1px;
          img-align: center;
        }
       
        .profil_infos {
          background-color: #
          border: 0px solid #FFFFFF;
          -moz-border-radius:1px 1px 1px 1px;
          -webkit-border-radius:1px 1px 1px 1px;
          border-radius:1px 1px 1px 1px;
          padding: 5px;
        }
       
        .font_profil{
            border: solid 2px #;
          -moz-border-radius:2px 2px 2px 2px;
          -webkit-border-radius:2px 2px 2px 2px;
          border-radius:2px 2px 2px 2px;
          padding: 5px;
  -moz-box-shadow: 0px 0Px 0px #000000;
  box-shadow: 0px 0px 0Px #000000;
  -webkit-box-shadow: 0px 0px 0px #000000;
}
 
.description{position: relative;z-index: 0;}


.description span img{border: 1px;padding: 5px;}

/*MISE EN PAGE*/

.title_1{
 background-color: #c9dee1;
 width: 520px;
 height: 30px;
 font-family: Oswald;
 letter-spacing: 3px;
 text-transform: uppercase;
 color: #79b1cc;
 text-shadow: 1px 1px 1px #000000;
 font-size: 30px;
  text-align: right;}

.title_2{
  background-color: #c9dee1;
  width: 500px;
  height: 10px;
  font-family: Oswald;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #79b1cc;
  text-shadow: 1px 1px 1px #000000;
  font-size: 15px;
  text-align: right;}

.title_3{
  font-family: Oswald;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #79b1cc;
  text-shadow: 1px 1px 1px #000000;
  font-size: 20px;
  text-align: center;}
 
.box_1{
  border-left: solid 1px #c9dee1;
  border-bottom: solid 1px #c9dee1;
  border-right: solid 1px #c9dee1;
  width: 520px;
  height: 220px;
  padding: 5px;}

.box_2{
  border-left: solid 1px #c9dee1;
  border-bottom: solid 1px #c9dee1;
  border-right: solid 1px #c9dee1;
  width: 520px;
  padding: 5px;
  text-align: justify;}

.box_3{
  border: solid 1px transparent;
  width: 250px;
  height: 385px;
  text-align: justify;}

.box_4{
  border: solid 1px transparent;
  width: 510px;
  padding: 2px
  text-align: justify;}

.box_5{
  background-color: #c9dee1;
  height: 110px;
  width: 350px;
  text-align: justify;
    padding: 3px;}
 
.over_1{
  overflow: auto;
  height: 200px;
  width: 200px;
  text-align: justify;}
 
.over_2{
  overflow: auto;
  height: 320px;
  width: 250px;
  text-align: justify;}
 
 
/*SPOILS QUOTE CIE*/

.spoiler_closed{
background-color:  #d2d7dd;
  border: 1px dotted #;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
padding : 5px;
height: 3px;
}

.spoiler_content{
border: 1px # dotted;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color: #000000;
  background-color: #d2d7dd;
padding : 10px;
}

.quote
{
background-color: #d2d7dd;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border: solid 1px #
font-size: 12px;
  color: #000000;
  padding: 4px; }

.code {
border-right: 0px # solid;
  border-bottom: 0px # solid;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding : 4px;
  color: #000000;
  background: #d2d7dd; }

/*OPACITE*/

a.opacity img {filter:alpha(opacity=75);
-moz-opacity: 0.70;
opacity: 0.70;}

a.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

        /*QEEL ARRANGEMENT*/

        /* conteneur du QEEL */
.QeelPerso {
  border: 2px solid #;
  padding:10px 5px;
  background-color:#ffffff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px
    width: 790px;
}

/* Centrage image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
  font-size:14px;
  text-transform:uppercase;
  text-decoration: none!important;
  letter-spacing:1px;
  background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
  -moz-border-radius : 5px 5px 5px 5px;
        height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
        font-size:16px ;text-align:center;
        text-decoration: none !important;
    margin-bottom: 7px;
}

/* Couleurs des groupes */
a.groupe1 { color:#663366 ; }
a.groupe2 { color:#cc3333 ; }
a.groupe3 { color:#336699 ; }
a.groupe4 { color:#339933 ; }
a.groupe5 { color:#666666 ; }
a.groupe6 { color:#663333 ; }

/* Mise en forme des cellules de statistiques */
.statistiques {
  background-color: #f4e6e5;
  border: 0px double #;
  padding:10px;
  margin:10px;
  text-align:left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
  overflow:auto;
  max-height: 300px;
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }


/*PANNEAU LATERAL DES NEWS*/
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp231 { top: 20%; right: -200px; }
#fp231 .fpcontent { width: 200px;}


/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
  .cssactif_pa_main {
      width: 780px; 
      padding: 0px;
      margin: 0 auto;
  }
 
  .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #f25faf; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }
 
  .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
  }
 
  .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 420px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
 
      opacity: 0.9; /* Opacité des colonnes */
     
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

 
  }
 
  .cssactif_pa_colonne p { /* Paragraphe des colonnes */
  padding: 0 10px; /* Padding */
  text-indent: 10px; /* Alinéa */
  text-align: justify;  /* Alignement du texte */
  }
  .cssactif_pa_colonne:hover { /* Colonne au survol */
  /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

  }
 
.cssactif_pa_header { /* Style commun des header de couleur */
  padding: 10px;
  height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
  margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
  padding: 5px; /* Padding */
  border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
 
  text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
  color: #d9015d;  /* Couleur du texte */
  text-transform: uppercase; /* Transformation du texte en majuscule */
  font-style: normal; /* Enlève le italic par défaut de la balise em */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
  content: " ►";  /* Ajoute la flèche après les dates */
}

.pers { /* Cadre du staff */
 border: 1px solid #7fbf33;  /* Bordure du staff*/
 margin: 0px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px solid #7fbf33; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

.pers:first-line { /* Première ligne:contient le nom du personnage */
 color: #7fbf33;/* Couleur du texte */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
 text-transform: uppercase; /* Transformation du texte */
}

 /* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:320px;
    border: 0px solid white; /* La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:blue; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:320px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
    background:#ecd9d3; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}

.pseudo :
{

      font-family: "Oswald";  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 10px; /* Espacemement des caractères en PX */
      font-size: 20px; /* Grosseur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }


/*CHATBOX*/

#chatbox_members ul li,
#chatbox_members ul li a { font-size: 13px;
 }

Et hop, le template :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 15:44
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Interligne indésirable [résolu] Empty
Je viens de faire un test, je ne rencontre pas de problème Sad
Le seul souci vient de mon image "New / Old / Lock" pour chaque sujet >////<, qui agrandi du coup la hauteur de ma ligne... Peut être ton problème vient de là :s ?
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 16:04
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Interligne indésirable [résolu] Empty
Ils sont minuscules... C'est ça qui m'échappe. D:
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 16:16
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Interligne indésirable [résolu] Empty
Mince... Je suis vraiment désolée je vois vraiment pas comment faire, vu que j'arrive pas à reproduire le bug >/////<
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 16:49
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Interligne indésirable [résolu] Empty
Je peux toujours t'envoyer par MP les identifiants pour que tu voies toi-même ?
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 16:51
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Interligne indésirable [résolu] Empty
Ok pas de problème (:
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 17:50
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Interligne indésirable [résolu] Empty
Nihil a écrit:
Je viens de faire un test, je ne rencontre pas de problème Sad
Le seul souci vient de mon image "New / Old / Lock" pour chaque sujet >////<, qui agrandi du coup la hauteur de ma ligne... Peut être ton problème vient de là :s ?

Comme je le disais, ton image "pas de nouveau message" ----> https://2img.net/r/hpimg11/pics/624449nonewseir.png

Elle a une hauteur de 100px Wink, voilà le problème ^^


Dernière édition par Nihil le Dim 14 Juil 2013, 18:09, édité 1 fois
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptySam 13 Juil 2013, 20:57
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Interligne indésirable [résolu] Empty
Oh, effectivement.

Merci beaucoup ! ♥ (sans toi je serai restée à galérer longtemps)
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] EmptyDim 14 Juil 2013, 06:09
Revenir en haut Aller en bas
Contenu sponsorisé




Interligne indésirable [résolu] Empty
MessageSujet: Re: Interligne indésirable [résolu]   Interligne indésirable [résolu] Empty
Revenir en haut Aller en bas
 

Interligne indésirable [résolu]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [résolu]Espace indésirable dans les messages
» Interligne.
» Contour indésirable!
» Espace Indésirable ...
» Espace indésirable sur le corps du forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit