Problème d'apparence peut-être dû aux CSS
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème d'apparence peut-être dû aux CSS
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!
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!
Re: Problème d'apparence peut-être dû aux CSS
Bonjour !
Dans votre CSS, si vous enlevez les deux "max-width", ça devrait être plus propre :
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*/
Re: Problème d'apparence peut-être dû aux CSS
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
C'est exactement ce qu'il me fallait, mille merci pour votre aide!!
Bonne soirée et au plaisir!
Cordialement
Sujets similaires
» Problème avec images qui ne peut etre vu par les membres
» écriture trop grosse dans la signature (peut-être un problème de template?)
» Comment ajouter de l'ecriture a son portail?
» Compte peut-être piraté
» Le certificat SSL ne peut pas être activé
» écriture trop grosse dans la signature (peut-être un problème de template?)
» Comment ajouter de l'ecriture a son portail?
» Compte peut-être piraté
» Le certificat SSL ne peut pas être activé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum