Comment régler la largeur du cadre

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

Résolu Comment régler la largeur du cadre

Message par Invité le Mer 3 Juil 2013 - 15:59

Bonjour à tous ,

voilà j'ai beau cherchée sur mon CSS de mon propre forum Masterweb , et mon soucis c'est que je n'arrive pas à modifier la taille de la largeur de mon cadre que je vous montre ci dessous :



Voici le lien de mon forum : http://masterweb.forumgratuit.org/

C'est le cadre que vous pouvez voir ci dessous que le forum et en maintenance.


Dernière édition par Masterweb80 le Jeu 4 Juil 2013 - 10:48, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par MlleAlys le Mer 3 Juil 2013 - 18:56

bonjour !
c'est la même largeur que celle du forum, non ? on peut normalement la modifier dans général > forum > configuration

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Mer 3 Juil 2013 - 19:14

Bonsoir , j'ai essayée de le faire ca ne vient pas de la Neutral 

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par MlleAlys le Mer 3 Juil 2013 - 19:21

vous avez un code css qui touche à .forumline ?

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Mer 3 Juil 2013 - 21:40

non je pense pas

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par MlleAlys le Mer 3 Juil 2013 - 21:46

normalement ce code :
Code:
.forumline {
    width: 90%;   /*largeur*/
    margin: auto;    /*pour centrer*/
}
diminue la largeur de l'encadrée, mais aussi de toutes les catégories de l'index ^^"
(la valeur de 90% peut être modifiée bien sûr ^^)

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Mer 3 Juil 2013 - 21:55

j'ai ceci moi :

Code:
.forumline
{
max-width: 890px;
margin: auto;

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par MlleAlys le Mer 3 Juil 2013 - 22:04

le max-width ne dérange pas puisque c'est une largeur maximale.
mais normalement le margin-auto devrait s'appliquer et je vois que ce n'est pas le cas...
n'y a t il pas dans ton css quelque chose qui ressemble plus ou moins à ça ?
Code:
.forumline {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(http://i25.servimg.com/u/f25/11/95/30/70/430.jpg);
    background-color: #E8F0F4;
    background-image: url(http://host.image.files.free.fr/host/4c4d2752ed261fond-forumline.jpg);
    background-position: top;
    background-repeat: repeat-x;
    border: 1px solid #404040;
    border-radius: 10px;
    margin: 0 0 10px;  /*cette marge contredit le margin:auto;*/
    padding: 0;
    width: 90%;
}
la ligne margin: 0 0 10px; contredit le margin:auto; qui permet de centrer l'encadré, en le retirant ça devrait être ok

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Mer 3 Juil 2013 - 22:07

Je pense que si : Le voici mon modèle :

Code:
.forumline
{
center: 90%;  /*largeur*/
margin: auto;
background-image: url(http://host.image.files.free.fr/host/4c4d2752ed261fond-forumline.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #e8f0f4;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius: 10px;
border-radius: 5px;
margin-bottom: 5px;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par MlleAlys le Mer 3 Juil 2013 - 22:09

vous avez installé ce code déjà ? je ne vois pas de différence...

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Jeu 4 Juil 2013 - 9:11

Non et moi non plus mais par contre j'ai vu que sur mozilla il est bien mis correctement. Il est bien centré mais trop large. Et que si ont va sur Google Chrome l'effet n'ai pas pareil.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Matriochka le Jeu 4 Juil 2013 - 10:11

Bonjour,

Code:
center: 90%;  /*largeur*/
Ceci n’est pas correct. Remplace par :
Code:
width: 90%;  /*largeur*/

Et ajoute :
Code:
margin-left:auto;margin-right;auto;

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Jeu 4 Juil 2013 - 10:27

Bonjour sa ne fait toujours rien Sad

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Matriochka le Jeu 4 Juil 2013 - 10:28

Peux-tu envoyer ton CSS complet ? J’ai l’impression qu’il y a plein de choses incorrectes… Déjà rien que pour forumline on a deux fois margin Confused

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Jeu 4 Juil 2013 - 10:36

Coucou le voici :

Code:
/* ------ CONFIGURATION DE FORUMLINE ------ */

.forumline {
background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 1px solid #404040;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* ------ TITRE DES CATEGORIES ------ */

.secondarytitle, .secondarytitle h2 {
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 17px;
position: relative;
padding-top: 5px;
}

/* div contenant la variable du titre des catégories */
.firstletter{
line-height: 66px;
vertical-align: middle;
padding-top: 5px;
}
/* configuration de la premiere lettre du titre des catégories */
.firstletter:first-letter{
font-size: 20px;
color: #ffffff !important;
font-weight: bold;
}

/* ------ TITRE FORUM ------ */

span.forumlink {
vertical-align: middle;
display: block;
margin: 0;
text-align: left;
min-width: 250px;
}
a.forumlink {
font-family: verdana;
font-size: 15px;
letter-spacing: 4px;
text-shadow: 1px 0 2px #ffffff;
}
/* configuration de la première lettre du titre de forum */
span.forumlink:first-letter {
color: #ffffff;
font-weight: bold;
}
/* fond du titre de forum */
.forum_titre {
background: url('http://i40.servimg.com/u/f40/09/00/31/69/323.png');
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: left;
background-position: left;
border: 1px solid #404040;
border-bottom: none;
margin: 0 10px;
padding-left: 12px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}

/* ------ CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ------ */
.cell_tfa_des {
border-top: 1px solid #404040;
height: 40px;
line-height: 40px;
vertical-align: bottom;
}

/* ------ DESCRIPTION ------ */

.la_tfa_description {
background: url('http://i40.servimg.com/u/f40/09/00/31/69/414.png');
padding: 7px;
border: 1px solid #abd3e3;
min-height: 50px;
vertical-align: middle;
margin: 0 10px;
}

.la_tfa_description span.genmed img {
margin: 5px;
}
/* ------ DERNIERS SUJETS ------ */

.derniers_tfa_messages {
background: url('http://i40.servimg.com/u/f40/09/00/31/69/414.png');
background-position: bottom;
padding: 7px;
margin: 0 10px;
min-height: 50px;
vertical-align: middle;
border: 1px solid #404040;
}
.derniers_tfa_messages .gensmall{
height: 100%;
vertical-align: middle;
}

/* ------ EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ------ */
.icone_tfa_cat {
position: relative;
float: right;
margin-right: -19px;
margin-top: -16px;
}

/* ------ OMBRE TEXTES CELLULES ------ */
.text-tfa_cell .gensmall {
text-shadow: 1px 0 1px #ffffff;
}

/* ------ BLOC RUBAN ------ */
.top_cat {
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche {
position: absolute;
left: -24px;
background: url('http://i33.servimg.com/u/f33/16/65/03/89/z11910.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite {
position: absolute;
right: -24px;
background: url('http://i45.servimg.com/u/f45/11/95/30/70/z315.png') no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center {
background: url("http://i45.servimg.com/u/f45/11/95/30/70/z218.png") repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}

/* ------ BAS CATEGORIE ------ */

.cat_tfa_bas {
background: url('http://i40.servimg.com/u/f40/09/00/31/69/224.png');
height: 22px;
line-height: 22px;
vertical-align: middle;
background-position: left;
border: 1px solid #404040;
border-top: none;
margin: 0 10px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cat_tfa_bas .gensmall img{
vertical-align: middle;
}

/* ------ STYLE CHIFFRES MESSAGES SUJETS ------ */

.chiffres{
color: #ffffff;
font-weight: bold;
}

.cat_tfa_bas .gensmall{
  margin: 0 54px;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Matriochka le Jeu 4 Juil 2013 - 10:38

Et qu’est-ce que ça donne pour forumline quand tu ajoutes ce que j’ai donné plus haut ? Il n’y a pas de raison que ça ne fonctionne pas, j’ai testé sur ton forum Smile Je pense que tu dois faire une mauvaise manipulation.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Jeu 4 Juil 2013 - 10:43

Quand j'ai rajouter votre code , sa ma complètement décaler sur la gauche. Shocked

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Matriochka le Jeu 4 Juil 2013 - 10:44

C’est parce que tu n’as pas ajouté margin auto :
Code:
.forumline {
background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
width:90%
margin: auto;
padding: 0px;
border: 1px solid #404040;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment régler la largeur du cadre

Message par Invité le Jeu 4 Juil 2013 - 10:45

Super ! Sa fonctionne ! Effectivement je l'avais pas mis. Embarassed Merci pour le coup de pouce!

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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


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