Problème de position code/citation/spoiler

florinouxxx à 18h24
06
Aug
2011
Bonjour,

J'ai un problème avec un positionnement dans les codes, citation et spoiler.

Explication en image :
http://i43.servimg.com/u/f43/12/23/39/59/pb110.png
http://i43.servimg.com/u/f43/12/23/39/59/pb210.png
http://i43.servimg.com/u/f43/12/23/39/59/pb310.png

Les mots "code" "citation" et "spoiler" sont positionné trop bas, j'aurais voulu qu'ils soient juste au dessus du cadre, là où ils sont censé être quoi.

PS : je n'ai pas touché à leur CSS.
Répondre
1 Invité, le 11/08/2011 à 21h59
Bonjour,

Il y a forcément quelque chose qui agit sur vos codes spoiler et citations. Pourriez-vous donner votre CSS, s'il vous plait?

Cordialement.
2 florinouxxx, le 13/08/2011 à 21h59
Désolé de mon temps de réponse, voici mon CSS

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

.topictitle{
font-family : arial !important;
text-transform : uppercase;
}

.dernier_post{
font-family : arial;
font-size : 11px;
}

.postbody {
font-family : Georgia !important;
}

.genmed{
font-family : arial;
line-height : 3px;
vertical-align : bottom;
position : relative;
top : 20px;
}

.catHead{
visibility : hidden;
}

body.chatbox {
    background-color: #ffffff;
}


a{
text-decoration : none !important;
}

.QEEL_img{
background-color: transparent;
color : #244D63 !important;

}

.modifs_sujets .row1{
background-color : #ab966c !important;
}

.modifs_sujets .thLeft, .modifs_sujets .thRight{
background-color : #0b0203 !important;
border : 1px inset #ffffff; !important;

}



.secondarytitle{
font-family : Tunga,Verdana,Arial,Helvetica,sans-serif;
font-size : 10px;
text-align : left;
padding-left: 10px;
padding-top: 10px;
}

.row1, .row3, .row2{
box-shadow: 5px 5px 12px #000000;
}

.row3{
border-left : 1px inset #d4ab7f;
border-bottom : 7px outset #d4ab7f;
border-top : 1px solid #ffffff;
background-color : #b19865;
}

.row3:hover{
background-color : #d4B87F;
}

.row1, .row2{
border-bottom : 7px outset #d4ab7f;
border-top : 1px solid #ffffff;
background-color : #d4B87F;
}

.liste_sujets .row1{
border : no-border !important;
}



#i_logo
{
margin-top : -93px;
}

.forumlink{
text-transform : uppercase;
font-color: #66583b;
}

/*_____________________________________HOVER PART____________________________________________________*/

/*__________________________________________INDEX____________________________________________________*/


#i_icon_mini_index{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/accuei14.png"); /*image si la souris ne survole pas*/
  width:92px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/accuei15.png"); /*image si la souris survole*/
  width:92px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}


/*__________________________________________FAQ____________________________________________________*/



#i_icon_mini_faq{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/faq12.png"); /*image si la souris ne survole pas*/
  width:49px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/

}



#i_icon_mini_faq:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/faqhov12.png"); /*image si la souris ne survole pas*/
  width:49px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/

}


/*__________________________________________RECHERCHE____________________________________________________*/



#i_icon_mini_search{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/recher14.png"); /*image si la souris ne survole pas*/
  width:105px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/

}



#i_icon_mini_search:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/recher16.png"); /*image si la souris ne survole pas*/
  width:105px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/

}




/*__________________________________________MEMBRES____________________________________________________*/



#i_icon_mini_members{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/membre14.png"); /*image si la souris ne survole pas*/
  width:85px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}



#i_icon_mini_members:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/membre15.png"); /*image si la souris ne survole pas*/
  width:85px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}



/*__________________________________________CALENDRIER____________________________________________________*/



#i_icon_mini_calendar{
  visibility : hidden;


}




/*__________________________________________GROUPES____________________________________________________*/



#i_icon_mini_groups{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/groupe14.png"); /*image si la souris ne survole pas*/
  width:80px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}




#i_icon_mini_groups:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/groupe15.png"); /*image si la souris ne survole pas*/
  width:80px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}





/*__________________________________________PROFIL____________________________________________________*/



#i_icon_mini_profile{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/profil14.png"); /*image si la souris ne survole pas*/
  width:76px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}



#i_icon_mini_profile:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/profil15.png"); /*image si la souris ne survole pas*/
  width:76px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}





/*__________________________________________MP____________________________________________________*/



#i_icon_mini_message{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/mp12.png"); /*image si la souris ne survole pas*/
  width:46px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}




#i_icon_mini_message:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/mphove12.png"); /*image si la souris ne survole pas*/
  width:46px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}





/*__________________________________________NEW_MP____________________________________________________*/



#i_icon_mini_new_message{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/mphove12.png"); /*image si la souris ne survole pas*/
  width:46px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}


#i_icon_mini_new_message:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/mphove12.png"); /*image si la souris ne survole pas*/
  width:46px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}





/*__________________________________________CONNEXION____________________________________________________*/



#i_icon_mini_login{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/connex10.png"); /*image si la souris ne survole pas*/
  width:128px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}



#i_icon_mini_login:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/connex11.png"); /*image si la souris ne survole pas*/
  width:128px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}




/*__________________________________________DECONNEXION____________________________________________________*/



#i_icon_mini_logout{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/deconn14.png"); /*image si la souris ne survole pas*/
  width:128px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}



#i_icon_mini_logout:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/deconn15.png"); /*image si la souris ne survole pas*/
  width:128px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}






/*__________________________________________INSCRIPTION____________________________________________________*/



#i_icon_mini_register{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/inscri12.png"); /*image si la souris ne survole pas*/
  width:105px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}




#i_icon_mini_register:hover{
  background-image:url("http://i47.servimg.com/u/f47/16/57/65/16/inscri13.png"); /*image si la souris ne survole pas*/
  width:105px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/


}




#one{
background-image : url("http://i47.servimg.com/u/f47/16/57/65/16/nouvea11.png");
  width:92px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}

#one:hover, #i_post1, #i_post{
background-image : url("http://i47.servimg.com/u/f47/16/57/65/16/nouvea12.png");
  width:92px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}


#i_reply{
background-image : url("http://i47.servimg.com/u/f47/16/57/65/16/repond10.png");
  width:92px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}

#i_reply:hover{
background-image : url("http://i47.servimg.com/u/f47/16/57/65/16/repond11.png");
  width:92px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}

#i_lock{
background-image : url("http://i47.servimg.com/u/f47/16/57/65/16/verrou10.png");
  width:117px; /*Largeur de l'image*/
  height:21px; /*Hauteur de l'image*/
}
3 Invité, le 13/08/2011 à 22h15
Bonsoir,

C'est cette partie de votre CSS qui agit sur les titre des citations, codes et spoiler:
Code:
.genmed{
font-family : arial;
line-height : 3px;
vertical-align : bottom;
position : relative;
top : 20px;
}

La class genmed correspond à beaucoup d'éléments sur votre forum. Si vous retirez ce code, les titres des citations, codes et spoiler se placeront correctement, mais je suppose que cela modifiera l'apparence de votre forum. Il faudra voir si vous ne pouvez pas remplacer la class genmed par une autre pour certains éléments.

Cordialement.
4 SandyL, le 21/08/2011 à 12h03
Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur

Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile
Sujets similaires
Cadre citation, code et spoiler
Bonjour ! Je souhaiterais avoir le cadre de mes citations, code et spoiler comme sur ce forum (voir photo) : Pouvez-vous me dire la démarche à suivre ? Merci par avance
Apparence spoiler, citation, code
Bonjour, Je débute dans la création de forum et si jusqu'ici tout se passait bien, en partie grâce aux nombreux topics d'aide présents sur ce forum, je bute sur une petite chose. Ayant voulu personnaliser le corps des messages, j'ai ajouté des
Citation et Spoiler originaux
Bonsoir à tous, je cherche depuis un moment un moyen de personnaliser mes spoilers et mes citations sur le forum sur lequel je suis administratrice x) J'ai vu beaucoup de superbes choses et certaines personnes mettent des patterns, des tirets ou des
À voir aussi
more_less
Informations

4 Réponses pour le sujet :
"Problème de position code/citation/spoiler"

Ce sujet a été vu 548 fois.

Dernier message écrit :
06/08/2011 à 18h24 par "florinouxxx"