Problème d'apparence peut-être dû aux CSS

2 participants

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

Résolu Problème d'apparence peut-être dû aux CSS

Message par Bad_girls Mer 8 Fév 2023 - 18:36

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : https://mes-themes.forumactif.com/forum



Description du problème

Bonsoir à tous!

Je suis en train de faire un nouveau thème et j'ai un souci avec l'apparence du forum (voir la capture)
Lorsque je vais sur un topic, tout au fond de la page juste au-dessus de la réponse rapide, j'ai une partie
qui est décalée sur la gauche! C'est affreux!   Evil or Very Mad

Je ne sais pas si ça vient du CSS ou d'autre choses, mais avant de mettre sur thème que je suis en train de terminer, sur Hitskin, j'ai besoin de corriger ce problème....

Je vous mets mon CSS

Code:
.forumline {
border:2px dotted #ffffff;
}

#fa_ticker_block .forumline, #fa_ticker_block .row1 {
    background: none;
    border: none;
}

/* contour du FORUMS arrondi */
 
.bodylinewidth {
  border-style: solid;
  border-width: 0px;
  border-color: none;
  border-radius: 0px;
 
}
/* FIN contour du FORUMS arrondi */

/********************************************* CATÉGORIES *********************************************/
/*Cadre du bloc qui contient chaque catégorie*/
.cate_bloc_cadre {
  background: #000000;
  border: 4px solid #FFFFFF;
  margin-bottom: 10px;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
/*Bloc qui contient chaque catégorie*/
.cate_bloc {
  background: #1c342f;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
 
/*Titre de catégorie au survol*/
.cate_title h2:hover {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

/*Bloc qui contient chaque forum*/
.forum_bloc {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*Bloc du Nombre de messages et de sujets*/
.forum_stats {
  display: inline-block;
  background: #ffffff;
  border-radius: 15px 15px 0 0;
  box-shadow: 0px 0px 5px 2px #000000;
  margin-right: 30px;
  margin-bottom: -10px;
  padding: 20px;
  padding-top: 2px;
  padding-bottom: 6px;
  color: #312516;
  font-family: Amigos;
  font-size: 13px;
}

/*Mise en forme des liens survolés*/
.forum_last a:hover, .forum_sf a.gensmall:hover {
  color: #eef5fa;
}

/*Arrondir le cadre forum*/
.bodyline {
-moz-border-radius:75px;
-webkit-border-radius:75px;
-ô-border-radius:75px;
-khtml-border-radius:75px;
border-radius:75px;
}

/*Arrondir les zones de saisie*/
textarea, .textarea.post, input.post {
   -moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
/*Arrondir tous les angles*/
.forumline{
    background-color: #1c342f;
    -moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
border: 1px #8c271a solid;
 }
/*Arrondir les bords des sujets*/
#M14_border
{
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
input,textarea, select {
border-radius: 15px 15px;
-moz-border-radius: 15px;
padding-left: 3px;
}
/*arrondir titre des sujets*/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right
{
-moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
.forumline tr:first-child th:first-child { border-top-left-radius: 15px }
.forumline tr:first-child th:last-child { border-top-right-radius: 15px }
.forumline tr:first-child th:first-child { border-bottom-left-radius: 15px }
.forumline tr:first-child th:last-child { border-bottom-right-radius: 15px }

th.thHead, {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
   }
 td.catHead {
border-top-right-radius: 15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-right-radius: 15px;
-khtml-border-top-right-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
-khtml-border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-khtml-border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-khtml-border-bottom-right-radius: 15px;
}
td.catBottom {
border-radius: 100px !important;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.forumline tr th:first-child {
border-radius: 100px 0 0 100px !important;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.forumline tr th:last-child {
border-radius: 0 100px 100px 0;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
/************************************ FIN ARRONDIR TOUS LES ANGLES ********************************/

.bodyline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border:1px #1c342fsolid;
}




.post {text-align: center;}

.forumline {
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;}

.forumline {
    overflow: hidden;
}

.forumline {border:2px dotted #000000;}

.forumline  {box-shadow: 1px 2px 20px #000000;}


/**** Autres ***/

/* contour du FORUMS arrondi */
td.bodyline {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}

.forumline
{
background: ##64babf;
max-width: 50px;
margin: auto;
border-radius: 20px;
-moz-border-radius: 20px;

padding: 10px;
-moz-box-shadow: 1px 1px 5px #000000;x
-webkit-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;;
}


a.forumlink
                {
                display: block;
                padding-left: 20px;
                font-size: 20px;
                font-family: TrebuchetMS;
                letter-spacing: 2px;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -htm-border-radius: 20px;
                -webkit-border-radius: 20px;
                -o-border-radius: 20px;
                color: #000000 !important;
                text-shadow: 0px 0px 1px #000000
                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;
                }
                a.forumlink:hover
                {
                padding-left: 50px;
                text-transform: uppercase;
                color: #000000 !important;
                text-shadow: 0px 0px 1px #000000;
                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;
                }

/* contour du FORUMS arrondi */
td.bodyline {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}




/* contour du FORUMS arrondi */
td.bodyline {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}




body {
    background-position: center;
}

#page-body

#navigation
{
float: right;
margin-top: 200px;
margin-right: 200px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0,5;
-moz-opacity: 0,5;
-khtml-opacity: 0,5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 1090px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #53a0b1;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #EEF5FA;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}

.forumline
{
max-width: 1090px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid#295a84;
border-radius: 10px;##64babf
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}




/*Cat*/
a.forumlink{
font-weight: lighter;
background-color: #b4d1ad ;
border-bottom: 5px double #295a84;
display:block;
text-align: center;
}


        a.forumlink:hover {
font-weight: lighter;
background-color:  #d4c492
border-bottom: 5px double #1c342f;
display:block;
text-align: center;
          }

.forumline{
border: 2px solid #b4d1ad;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
}
/*Fin cat*/


1000 merci d'avance pour votre aide!

PS le forum est ouvert aux visiteurs! Wink
Bad_girls

Bad_girls
*****

Féminin
Messages : 890
Inscrit(e) le : 21/09/2010

http://creations-offertes.1fr1.net/
Bad_girls a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'apparence peut-être dû aux CSS

Message par Toryudo Jeu 9 Fév 2023 - 17:22

Bonjour !
Dans votre CSS, si vous enlevez les deux "max-width", ça devrait être plus propre :
Code:
.forumline {
border:2px dotted #ffffff;
}

#fa_ticker_block .forumline, #fa_ticker_block .row1 {
    background: none;
    border: none;
}

/* contour du FORUMS arrondi */
 
.bodylinewidth {
  border-style: solid;
  border-width: 0px;
  border-color: none;
  border-radius: 0px;
 
}
/* FIN contour du FORUMS arrondi */

/********************************************* CATÉGORIES *********************************************/
/*Cadre du bloc qui contient chaque catégorie*/
.cate_bloc_cadre {
  background: #000000;
  border: 4px solid #FFFFFF;
  margin-bottom: 10px;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
/*Bloc qui contient chaque catégorie*/
.cate_bloc {
  background: #1c342f;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
 
/*Titre de catégorie au survol*/
.cate_title h2:hover {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

/*Bloc qui contient chaque forum*/
.forum_bloc {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*Bloc du Nombre de messages et de sujets*/
.forum_stats {
  display: inline-block;
  background: #ffffff;
  border-radius: 15px 15px 0 0;
  box-shadow: 0px 0px 5px 2px #000000;
  margin-right: 30px;
  margin-bottom: -10px;
  padding: 20px;
  padding-top: 2px;
  padding-bottom: 6px;
  color: #312516;
  font-family: Amigos;
  font-size: 13px;
}

/*Mise en forme des liens survolés*/
.forum_last a:hover, .forum_sf a.gensmall:hover {
  color: #eef5fa;
}

/*Arrondir le cadre forum*/
.bodyline {
-moz-border-radius:75px;
-webkit-border-radius:75px;
-ô-border-radius:75px;
-khtml-border-radius:75px;
border-radius:75px;
}

/*Arrondir les zones de saisie*/
textarea, .textarea.post, input.post {
  -moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
/*Arrondir tous les angles*/
.forumline{
    background-color: #1c342f;
    -moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
border: 1px #8c271a solid;
 }
/*Arrondir les bords des sujets*/
#M14_border
{
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
input,textarea, select {
border-radius: 15px 15px;
-moz-border-radius: 15px;
padding-left: 3px;
}
/*arrondir titre des sujets*/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right
{
-moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
.forumline tr:first-child th:first-child { border-top-left-radius: 15px }
.forumline tr:first-child th:last-child { border-top-right-radius: 15px }
.forumline tr:first-child th:first-child { border-bottom-left-radius: 15px }
.forumline tr:first-child th:last-child { border-bottom-right-radius: 15px }

th.thHead, {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
 td.catHead {
border-top-right-radius: 15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-right-radius: 15px;
-khtml-border-top-right-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
-khtml-border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-khtml-border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-khtml-border-bottom-right-radius: 15px;
}
td.catBottom {
border-radius: 100px !important;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.forumline tr th:first-child {
border-radius: 100px 0 0 100px !important;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.forumline tr th:last-child {
border-radius: 0 100px 100px 0;
border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
/************************************ FIN ARRONDIR TOUS LES ANGLES ********************************/

.bodyline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border:1px #1c342fsolid;
}




.post {text-align: center;}

.forumline {
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;}

.forumline {
    overflow: hidden;
}

.forumline {border:2px dotted #000000;}

.forumline  {box-shadow: 1px 2px 20px #000000;}


/**** Autres ***/

/* contour du FORUMS arrondi */
td.bodyline {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}

.forumline
{
background: ##64babf;
margin: auto;
border-radius: 20px;
-moz-border-radius: 20px;

padding: 10px;
-moz-box-shadow: 1px 1px 5px #000000;x
-webkit-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;;
}


a.forumlink
                {
                display: block;
                padding-left: 20px;
                font-size: 20px;
                font-family: TrebuchetMS;
                letter-spacing: 2px;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -htm-border-radius: 20px;
                -webkit-border-radius: 20px;
                -o-border-radius: 20px;
                color: #000000 !important;
                text-shadow: 0px 0px 1px #000000
                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;
                }
                a.forumlink:hover
                {
                padding-left: 50px;
                text-transform: uppercase;
                color: #000000 !important;
                text-shadow: 0px 0px 1px #000000;
                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;
                }

/* contour du FORUMS arrondi */
td.bodyline {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}




/* contour du FORUMS arrondi */
td.bodyline {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
}




body {
    background-position: center;
}

#page-body

#navigation
{
float: right;
margin-top: 200px;
margin-right: 200px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0,5;
-moz-opacity: 0,5;
-khtml-opacity: 0,5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 1090px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #53a0b1;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #EEF5FA;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}

.forumline
{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid#295a84;
border-radius: 10px;##64babf
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}




/*Cat*/
a.forumlink{
font-weight: lighter;
background-color: #b4d1ad ;
border-bottom: 5px double #295a84;
display:block;
text-align: center;
}


        a.forumlink:hover {
font-weight: lighter;
background-color:  #d4c492
border-bottom: 5px double #1c342f;
display:block;
text-align: center;
          }

.forumline{
border: 2px solid #b4d1ad;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
}
/*Fin cat*/

Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1566
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence peut-être dû aux CSS

Message par Bad_girls Jeu 9 Fév 2023 - 17:26

Mais vous êtes un génie Toryudo!!

C'est exactement ce qu'il me fallait, mille merci pour votre aide!!

Bonne soirée et au plaisir!

Cordialement
Bad_girls

Bad_girls
*****

Féminin
Messages : 890
Inscrit(e) le : 21/09/2010

http://creations-offertes.1fr1.net/
Bad_girls a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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