Avada KedagraphConnexion

descriptionProblème CSS

more_horiz
Bonjour,

J'avais réussi à arranger le problème je ne sais comment et aujourd'hui le même problème est réapparu et je n'arrive plus à le corriger, ne sachant plus ce que j'avais fait.

En fait voilà le problème, je vais vous montrer un screen pour que ça soit mieux expliqué.



Je sais que c'est un problème dans la feuille CSS mais je n'arrive plus à trouver ou Sad

CODE CSS :

Code:

/*PROFIL*/
a {
text-decoration: none !important;
transform: all;
transition: .5s;
}

a:hover {
text-decoration: none !important;
color: #c86855 !important;
transform: all;
transition: .5s;
}

.clear {
clear: both;
}
/********************************************************* MESSAGE + PROFIL *********************************************************/
/* Entête & Footer de la liste */
.nouveau_message, .repondre_message {
display: inline-block;
width: 20%;
padding: 1%;
text-align: center;
color: #fff !important;
text-transform: uppercase;
font-family: Cambria;
font-size: 12px;
margin: 2% 0;
}

.nouveau_message {
background: #B3D9CE;
}

.repondre_message {
background: #B3D9CE;
margin-left: 2%;
}

.boutons_footer_sujets {
text-align: center;
}

.boutons_surveiller {
background: #6C8A88;
color: #fff;
display: inline-block;
margin: 1%;
line-height: 3;
text-align: center;
text-transform: uppercase;
width: 350px;
font-family: Cambria;
font-size: 12px;
}

.boutons_surveiller a {
color: #fff !important;
}

.boutons_surveiller a:hover {
color: #c86855 !important;
}

#moderer a {
display: block;
background: #96aebb;
color: #fff !important;
text-transform: uppercase;
line-height: 4;
width: 250px;
margin: auto;
font-family: Cambria;
font-size: 12px;
text-align: center;
}

#moderer {
font-size: 0;
}

.nom_sujet {
background: #e2efe1;
padding: 1% 2%;
text-align: center;
width: 96%;
margin-top: 1%;
font-family: Cambria;
padding: .2% 2%;
width: 96%;
}

.nom_sujet h1 {
border: 1px solid #fff;
color: #6C8A88;
font-size: 25px;
padding: 2%;
text-transform: uppercase;
}

.message_index {
background: #98aebc;
padding: 1%;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
}

.navigation_message a {
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
font-family: Cambria;

}

.navigation_message {
font-size: 0;
}

.message_index span {
color: #fff !important;
}

.message {
background: #f2f5f2;
font-family: cambria;
color: #6c676e;
}

.profil_message {
background: #6C8A88;
margin: 10px;
padding: 10px;
width: 200px;
text-align: center;
display: block;
font-family: Cambria;
font-size: 12px;
}

.name {
display: block;
font-size: 15px;
margin: auto;
font-family: 'Sue Ellen Francisco', cursive;
text-align: center;
text-transform: uppercase;
}

.rang_profil {
display: block;
font-style: italic;
text-align: center;
color: #a6b2b5;
}



/*********************** PROFIL ***********************/

.contenu_profil {
margin: 2% 0;
font-size: 12px;
text-align: left;
font-family: Cambria;
position: relative;
}

.infos_profil {
position: relative;
z-index: 3;
display: block;
height: 0;
background: #f4f9f6;
color: #7d7d7d;
overflow: hidden;
transform: all;
transition: 1s;
font-family: Georgia;
text-transform: uppercase;
}

.contenu_profil:hover .infos_profil {
background: #f4f9f6;
color: #a6b2b5;
padding: 4px;
transform: all;
transition: 1s;
font-size: 12px;
height: 350px;
text-align: left;
}

.contenu_profil a {
color: #d89d95 !important;
text-transform: uppercase;
}

.informations_profil, .rpg_message_profil {
background: #fff;
padding: 5%;
}

.rpg_message_profil {
margin-top: 45%;
}

.profil_message_contact a {
display: block;
margin: 5% 0;
}

.date_message_boutons {
font-size: 12px;

font-family: Cambria;
}

#options_message {
float: right;
}

.postbody {
font-size: 12px;
line-height: 18px;
font-family: Cambria;
padding: 0 50px;
}

.signature {
background: #f2f5f2;
margin: 2% 0 0 0;
padding: 0 10px 40px 10px;
}

.separation_message {
background: #6C8A88;
content: '';
height: 10px;
width: 100%;
margin: 2% 0;
}

.footer_message {
margin: auto;
width: 100%;
text-align: center;
}

.moderation_images_sujets {
text-align: center;
}






.informations_profil .label:nth-child(20) {
display: none !important;
}

.informations_profil .label:nth-child(23) {
display: none;
}

.texte_profil_message:nth-child(24) {
background: rgba(255,255,255,.Cool;
border-radius: 100px;
color: #eba48f;
display: block;
font-weight: 700;
height: 30px;
margin-left: 32%;
margin-top: 28%;
padding-left: 15px;
padding-top: 10px;
position: absolute;
width: 30px;
}

.informations_profil img {
border-radius: 100px;
position: absolute;
margin: 23% 0 5% 0;
text-align: center;
display: block;
margin-left: 25%;
width: 70px;
height: 70px;
object-fit: cover;
}

.texte_profil_message {
text-transform: capitalize;
}

.rpg_message_profil {
margin-top: 45%;
text-transform: capitalize;
padding: 0 5% 5% 5%;
}


/* NAVIGATION */
.navSIT {
position:absolute; top:45px; margin-left:-200px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; margin-bottom:5px;
width:135px; padding:10px 5px; border-radius:40px;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:14px; font-family:'Shadows Into Light', cursive; /* MODIFIABLE */
background:#6C8A88; color:white; /* MODIFIABLE */
opacity:0.8; transition:opacity .55s ease; -webkit-transition:opacity .55s ease;
}
/* COULEURS ALTERNATIVES */
.navSIT a.mainmenu:nth-of-type(even) {
background:#6C8A88; color:white; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:55px !important; left:175px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:auto; width:800px; height:253px;
background:#E8EBED; font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
padding:10px 10px 10px 0px;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); background:#b3d9ce; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-family: 'Shadows Into Light', cursive;
font-size:32px;
color:white; /* MODIFIABLE */
}
/* IMAGE QEEL */
#i_whosonline {
position:absolute; margin-left:-30px; margin-top:45px;
width:200px; height:200px; border-radius:200px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:190px; margin-top:15px;
width:350px; height:45px; padding:10px 0; overflow:hidden; border-radius:10px;
background:rgba(250,250,250,0.6); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-top:95px; margin-left:190px;
width:330px; height:65px; border-radius:10px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
font-size:11px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-top:77px; margin-left:495px;
width:145px; height:20px; padding:10px;
background:#7ea68c; font-family:Arial; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-60px; margin-left:62px;
width:0px; height:145px; padding:10px; overflow:hidden;
background:#E8EBED; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transform:rotate(90deg); -webkit-transform:rotate(90deg);
transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
margin-top:22px; margin-left:-20px;
width:165px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-left:600px; margin-top:15px;
width:175px; height:155px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
margin:auto; width:800px; padding:5px 0;
text-align:center; color:rgba(0,0,0,0);
background:#b3d9ce; font-family:'Shadows Into Light', cursive;; /* MODIFIABLE */
}
/* GROUPES QEEL */
.blocGQEEL a {
font-size:14px; font-weight:bold; text-transform:uppercase;
}
.postdetails img {max-width:200px;}
#fa_toolbar, #fa_toolbar_hidden {background-color: #rosybrown !important;}
.chatbox .catBottom {
background-color: #FFFFFF;
}
/*Catégories par Cheshire Cat*/
.modifcat{
margin-top:10px;
background-color:#b3d9ce;
}
.forumline{
width:800px;
margin:auto;
}
.cattitre{
width:746px;
text-align:center;
margin-top:20px;
margin-bottom:10px;
margin-left:25px;
margin-right:25px;
padding-top:5px;
font-size:35px;
min-height:50px;
color:#ffffff !important;
background-color:#6C8A88;
font-family: 'Handlee', cursive;
}
.forumlink{
letter-spacing:7px;
font-size:20px;
text-decoration:none;
text-align:center;
color:#FFFFFF !important;
font-family: 'Voltaire', sans-serif;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.forumlink:hover{
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
text-decoration:none !important;
color:#FFFFF !important;
}
.imgmess{
position:relative;
width:57px;
height:100px !important;
background-color:#6C8A88;
margin-right:10px;
margin-bottom:15px;
margin-left:25px;
padding:5px;
}
.imgmess img{
height:100px;
}
.liensfrm{
overflow:auto;
font-size:0px;
width:130px;
height:110px;
background-color:#6C8A88;
bottom:-50px;
margin-right:5px;
margin-bottom:15px;
}
.liensfrm a{
letter-spacing:2px;
font-family: 'Voltaire', sans-serif;
display:block;
font-size:13px;
max-width:130px;
color:#white;
background-color:#b3d9ce;
border-bottom:3px solid #6C8A88;
text-align:center;
text-decoration:none;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.liensfrm a:hover{
color:#ffffff !important;
background-color:#b3d9ce;
text-decoration:none !important;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.descfrm{
position:absolute;
margin:auto;
width:310px;
height:90px;
font-size:11px;
background-color:#b3d9ce;
overflow:auto;
margin-bottom:15px;
margin-left:2px;
text-align:justify;
padding:10px;
color:#000000;
font-family: 'Open Sans', sans-serif;
}
.avatarfrm{
overflow:hidden;
width:57px;
height:100px;
background-color:#6C8A88;
padding:5px;
margin-bottom:15px;
}
.avatarfrm img{
height:100px;
}
.derniermess{
position:relative;
width:96px;
height:100px;
font-size:10px;
background-color:#6C8A88;
margin-left:5px;
margin-bottom:15px;
margin-right:25px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
color:#000000;
font-family: 'Open Sans', sans-serif;
}
.derniermess a{
color:#FFFFFF;
text-decoration:none;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.derniermess a:hover{
color:#3D2617;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
text-decoration:none !important;
}
/*Fin des catégories*/
/* Forumline dans la colonne de droite du profil */
td[width="300"] .forumline {
width: 200px;
}
.postdetails img {width:200px;}



J'espère que vous pourrez m'aider, merci d'avance Smile

descriptionRe: Problème CSS

more_horiz
oula !!! Surprised Est ce que je peux avoir le lien du forum s'il te plait pour debug ? Normalement y'a une formulaire à remplir, mais bon, ça ira tu as mis les infos quand même Wink

descriptionRe: Problème CSS

more_horiz
Oups sorry j'avais pas fait attention *Tête en l'air*

http://secondwind.forumactif.com/

descriptionRe: Problème CSS

more_horiz
Ok, dans ton CSS cherche après :

Code:

.postdetails img


tu as donnée un largueur à l'image de 200px, or les icons sont un sprites, c'est à dire, une seule méga grosse image avec toutes les icons, et pour en afficher une le code va juste faire un carré sur l'image pour occulter les autres.

Là du coup que ton carré est trop grand bah ça en laisse voir plusieurs.

Faut que tu modifies ça ! Ou alors, que tu changes le nom de classe dans ton template, car je pense tu as fait ça pour styliser un autre endroit de ton forum ... Si tu n'utilises plus le nom de la class, le CSS ne sera plus appliqué à tes icons et ça sera tout bon Smile

N'hésites pas si c'est pas clair

descriptionRe: Problème CSS

more_horiz
Donc si je comprends bien je dois juste enlever ça et ça sera bon? (Sorry je suis un peu bête niveau code tout ça tout ça haha)

descriptionRe: Problème CSS

more_horiz
Problème résolu Razz
Merci beaucoup Smile

descriptionRe: Problème CSS

more_horiz
Super! J archive alors! Smile

descriptionRe: Problème CSS

more_horiz
reply Répondre avec l'éditeur complet.
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum