Comment régler la largeur du cadre
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Comment régler la largeur du cadre
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.
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é
Re: Comment régler la largeur du cadre
bonjour !
c'est la même largeur que celle du forum, non ? on peut normalement la modifier dans général > forum > configuration
c'est la même largeur que celle du forum, non ? on peut normalement la modifier dans général > forum > configuration
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Comment régler la largeur du cadre
Bonsoir , j'ai essayée de le faire ca ne vient pas de la
Invité- Invité
Re: Comment régler la largeur du cadre
vous avez un code css qui touche à .forumline ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Comment régler la largeur du cadre
non je pense pas
Invité- Invité
Re: Comment régler la largeur du cadre
normalement ce code :
(la valeur de 90% peut être modifiée bien sûr ^^)
- Code:
.forumline {
width: 90%; /*largeur*/
margin: auto; /*pour centrer*/
}
(la valeur de 90% peut être modifiée bien sûr ^^)
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Comment régler la largeur du cadre
j'ai ceci moi :
- Code:
.forumline
{
max-width: 890px;
margin: auto;
Invité- Invité
Re: Comment régler la largeur du cadre
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 ?
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%;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Comment régler la largeur du cadre
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é
Re: Comment régler la largeur du cadre
vous avez installé ce code déjà ? je ne vois pas de différence...
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Comment régler la largeur du cadre
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é
Re: Comment régler la largeur du cadre
Bonjour,
Et ajoute :
- Code:
center: 90%; /*largeur*/
- Code:
width: 90%; /*largeur*/
Et ajoute :
- Code:
margin-left:auto;margin-right;auto;
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Comment régler la largeur du cadre
Bonjour sa ne fait toujours rien
Invité- Invité
Re: Comment régler la largeur du cadre
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
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Comment régler la largeur du cadre
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é
Re: Comment régler la largeur du cadre
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 Je pense que tu dois faire une mauvaise manipulation.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Comment régler la largeur du cadre
Quand j'ai rajouter votre code , sa ma complètement décaler sur la gauche.
Invité- Invité
Re: Comment régler la largeur du cadre
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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Comment régler la largeur du cadre
Super ! Sa fonctionne ! Effectivement je l'avais pas mis. Merci pour le coup de pouce!
Invité- Invité
Sujets similaires
» Comment régler la largeur de mon forum ?
» Régler la largeur de mon forum
» Régler la largeur du forum
» Régler image sur largeur
» Apparence du portail : Largeur colonne vs largeur cadre & position générale sur la page web
» Régler la largeur de mon forum
» Régler la largeur du forum
» Régler image sur largeur
» Apparence du portail : Largeur colonne vs largeur cadre & position générale sur la page web
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum