Comment régler la largeur du cadre

2 participants

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é 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 :

Comment régler la largeur du cadre Pr10

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
Anonymous

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 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

MlleAlys
Membre actif

Messages : 5767
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é Mer 3 Juil 2013 - 19:14

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

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 Mer 3 Juil 2013 - 19:21

vous avez un code css qui touche à .forumline ?
MlleAlys

MlleAlys
Membre actif

Messages : 5767
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é Mer 3 Juil 2013 - 21:40

non je pense pas
Anonymous

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 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

MlleAlys
Membre actif

Messages : 5767
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é Mer 3 Juil 2013 - 21:55

j'ai ceci moi :

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

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 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

MlleAlys
Membre actif

Messages : 5767
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é 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;
}
Anonymous

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 Mer 3 Juil 2013 - 22:09

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

MlleAlys
Membre actif

Messages : 5767
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é 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.
Anonymous

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 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;
avatar

Matriochka
Membre actif

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é Jeu 4 Juil 2013 - 10:27

Bonjour sa ne fait toujours rien Sad
Anonymous

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 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
avatar

Matriochka
Membre actif

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é 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;
}
Anonymous

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 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.
avatar

Matriochka
Membre actif

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é Jeu 4 Juil 2013 - 10:43

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

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 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;
}
avatar

Matriochka
Membre actif

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é Jeu 4 Juil 2013 - 10:45

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

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

- Sujets similaires

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