Pb de largeur de page!
4 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
Pb de largeur de page!
Bonjour
L'affichage de mon forum me pose problème. La page d'accueil est beacoup trop large par rapport à mon écran et je suis obligée d'utilisée le "scroller" du bas. J'ai réglé les pourcentages de largeur de page, suis à 60% et toujours le même problème. Mais ce problème n'est QUE sur la Page d'accueil! Lorsque j'entre dans une catégorie ou autre, la largeur du forum est à la bonne taille...
Il n'y a visiblement pas d'images pouvant déformer la PA... que faire?
Merci d'avance!
L'affichage de mon forum me pose problème. La page d'accueil est beacoup trop large par rapport à mon écran et je suis obligée d'utilisée le "scroller" du bas. J'ai réglé les pourcentages de largeur de page, suis à 60% et toujours le même problème. Mais ce problème n'est QUE sur la Page d'accueil! Lorsque j'entre dans une catégorie ou autre, la largeur du forum est à la bonne taille...
Il n'y a visiblement pas d'images pouvant déformer la PA... que faire?
Merci d'avance!
Dernière édition par shiniko le Mer 28 Juil 2010 - 21:48, édité 1 fois
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
Salut !
Alors si les autres pages du forum sont de bonne taille, je pense que c'est forcément à cause d'un élément sur la page d'accueil. ^^
Pourrait-on avoir un lien ou une capture d'écran de cette PA, pour savoir de quoi il retourne ? O:
Alors si les autres pages du forum sont de bonne taille, je pense que c'est forcément à cause d'un élément sur la page d'accueil. ^^
Pourrait-on avoir un lien ou une capture d'écran de cette PA, pour savoir de quoi il retourne ? O:
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
A mon avis, c'est la largeur de ton logo. Si tu veux en faire un comme ça, ce que je te conseille, c'est de le découper au milieu pour faire le logo pour ne pas que la largeur de ta page d'accueil soit trop grande et en fond de page, tu mets le reste de ton image.
Re: Pb de largeur de page!
Donc le pb c'est que mon fond est trop grand?
Je ne saisis aps bien l'idée du découpage :s
Edit: j'ai supprimmé mon fond de page pour faire un test, la largeur du forum reste la même...
Peut-être est-ce mon code CSS?
Je ne saisis aps bien l'idée du découpage :s
Edit: j'ai supprimmé mon fond de page pour faire un test, la largeur du forum reste la même...
Peut-être est-ce mon code CSS?
- Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }
/*I. FORUM & MESSAGES*/
/*Plus d'édition, justifié*/
tr.post span.gensmall { display: none; }
.postbody { display: block; text-align:justify;}
/*A. Présentations des liens*/
a
{
font-family: calibri;
text-transform: uppercase;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #00000;
}
a:hover
{
TEXT-DECORATION: none;
font-style: italic;
}
a.forumlink
{
text-shadow: 2px 2px 2px #00000;
}
/*B. Arrondis du forum*/
.forumline{
-moz-border-radius: 6px;
border-width:5px;
}
/*C. Catégories*/
.forum{
border-bottom: 2px dotted #ffffff;
background-color: #6F504C;
-moz-border-radius: 8px;
}
.forum:hover{
border-left: 5px solid #613340;
border-right: 5px solid #613340;
border-bottom: transparent;
background-color: #785750;
-moz-border-radius: 8px;
}
.a {
border-bottom: 3px solid #6F504C;
}
.a:hover {
border-left: 5px solid #613340;
border-right: 5px solid #613340;
border-bottom: transparent;
background-color: #785750;
}
.f {
border-left: 5px solid #6F504C;
border-right: 5px solid #6F504C;
border-bottom: transparent;
background-color: #785750;
}
.f:hover {
border-left: 5px solid #785750;
border-right: 5px solid #785750;
border-bottom: transparent;
background-color: #6F504C;
}
/*D. Liens PA*/
.PA {
width: 500px;
background-color: #211600;
-moz-border-radius-topleft: 25px;
}
.A {
width: 500px;
background-color: #211600;
-moz-border-radius-topright: 25px;
}
.P {
width: 500px;
background-color: #211600;
}
.e {
border-bottom: 3px solid #211600;
}
.CB {
width: 500px;
background-color: #6F504C;
}
.C {
width: 500px;
background-color: #6F504C;
-moz-border-radius-bottomleft: 25px;
}
.B {
width: 500px;
background-color: #6F504C;
-moz-border-radius-bottomright:25px;
}
.liens {
border-left: 5px solid #211600;
border-right: 5px solid #211600;
background-color: #362308;
}
.liens:hover {
border-left: 5px solid #362308;
border-right: 5px solid #362308;
background-color: #211600;
text-transform: italic;
}
.g {
text-transform: small-caps;
font-variant: small-caps;
}
.titre {
background-color: #211600;
border: 3px solid #362308;
}
/*E. Contour Avatars*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 8px solid #826852 ;
}
.postdetails.poster-profile textarea { width: 200px;}
/*G. Arrondis boutons*/
input.mainoption {
background-color:#836952;
-moz-border-radius: 10px;
}
input.liteoption {
background-color:#836952;
-moz-border-radius: 10px;
}
/*II. CITATIONS, SPOILERS & CODES*/
.spoiler {
background-color:#544242;
border: dotted 1px #b39595;
}
.quote{
border: dotted 1px #b39595;
background-color:#544242;
}
.code{
border: dotted 1px #b39595;
background-color:#544242;
}
.quote, .code, .spoiler {
-moz-border-radius: 12px;
padding: 4px;
}
.code div {
width:450px!important;
}
.quote div {
width:450px!important;
}
.spoiler div {
width:450px!important;
}
/*III. CB*/
body.chatbox td.catBottom a.cattitle strong {
visibility: hidden;
}
body.chatbox td.catBottom a.cattitle strong:before {
visibility: visible;
content: "Le Grand Manitou vous parle";
}
body.chatbox {
background-image: url(http://moe.mabul.org/up/moe/2010/06/21/img-115503wdt7g.png);
background-color: transparent;
}
/*IV. QEEL*/
.statistiques{
border:0px;
font-size : 8px;
background-color:#;
background-image: url("http://moe.mabul.org/up/moe/2010/06/13/img-2241575wqvl.png");
background-repeat: no-repeat;
background-position: center;
height:400px;
Width:500px}
.groupes{
width: 300px;
background-color: #211600;
border: 1px dotted #362308;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
}
.qeel{
background-color:#;border: none
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;
font-size : 12px;}
/*V. BARRE NAVIGATION*/
/*VI. FOND FIXE ET CENTRER*/
body { ; background-repeat: no-repeat; background-position: top center;}
body {
background-repeat: no-repeat;
}
/*VII. RANG*/
.serpy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #008000;
}
.serpy:hover {
padding-left: 10px;
border: 1px dotted #008000;
border-left: 4px solid #479439;
border-right: 4px solid #479439;
text-transform:uppercase;
}
.gryffy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #BF3939;
}
.gryffy:hover {
padding-left: 10px;
border: 1px dotted #BF3939;
border-left: 4px solid #CD5C5C;
border-right: 4px solid #CD5C5C;
text-transform:uppercase;
}
.pouffy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #dbdb55;
}
.pouffy:hover {
padding-left: 10px;
border: 1px dotted #dbdb55;
border-left: 4px solid #FFFF00;
border-right: 4px solid #FFFF00;
text-transform:uppercase;
}
.serdy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #4156BA;
}
.serdy:hover {
padding-left: 10px;
border: 1px dotted #4156BA;
border-left: 4px solid #4169E1;
border-right: 4px solid #4169E1;
text-transform:uppercase;
}
.profs {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #9E5BA8;
}
.profs:hover {
padding-left: 10px;
border: 1px dotted #9E5BA8;
border-left: 4px solid #BA55D3;
border-right: 4px solid #BA55D3;
text-transform:uppercase;
}
.ministere {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #B35F16;
}
.ministere:hover {
padding-left: 10px;
border: 1px dotted #B35F16;
border-left: 4px solid #A0522D;
border-right: 4px solid #A0522D;
text-transform:uppercase;
}
.mangouste {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #1F6569;
}
.mangouste:hover {
padding-left: 10px;
border: 1px dotted #1F6569;
border-left: 4px solid #008B8B;
border-right: 4px solid #008B8B;
text-transform:uppercase;
}
.sorciers {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #F0D8A8;
}
.sorciers:hover {
padding-left: 10px;
border: 1px dotted #F0D8A8;
border-left: 4px solid #FFDEAD;
border-right: 4px solid #FFDEAD;
text-transform:uppercase;
}
.némoldu {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #A3F0CB;
}
.némoldu:hover {
padding-left: 10px;
border: 1px dotted #A3F0CB;
border-left: 4px solid #00FFFF;
border-right: 4px solid #00FFFF;
text-transform:uppercase;
}
.cracmol {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #C0C0C0;
}
.cracmol:hover {
padding-left: 10px;
border: 1px dotted #C0C0C0;
border-left: 4px solid #856583;
border-right: 4px solid #856583;
text-transform:uppercase;
}
/*IV. BULLE*/
/*PA*/
.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #6F504C;
padding: 5px;
left: -1000px;
border: 1px dotted #ffffff;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}
/*Info*/
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour a la ligne non-desiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: #7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
Dernière édition par shiniko le Lun 26 Juil 2010 - 16:51, édité 1 fois
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
Enfin, à mon avis, c'est le logo ^^
Re: Pb de largeur de page!
Mon logo est transparent et n'est pas "large" du tout:
http://moe.mabul.org/up/moe/2010/06/13/img-215514v8un6.gif
http://moe.mabul.org/up/moe/2010/06/13/img-215514v8un6.gif
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
MMh ... Sur mon PC (enfin, c'est pas le mien mais bon), il n'y a pas de problème ! Peut-être tu pourrais essayer de faire un Zoom arrière sur la page d'accueil quand tu y vas ?_?
Re: Pb de largeur de page!
Ah bon? Il n'y a pas de différence entre quand tu es sur la PA et quand tu es dans une catégorie?
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
Non.
Peut-être aussi c'est à cause de la largeur de ton fond de page !! Héhé, j'ai un peu réfléchis quand même !
Ou alors, c'est la largeur de ton écran ! ^^'
Peut-être aussi c'est à cause de la largeur de ton fond de page !! Héhé, j'ai un peu réfléchis quand même !
Ou alors, c'est la largeur de ton écran ! ^^'
Re: Pb de largeur de page!
Oui mais si c'était mon fond de page, ça ne concernerait pas QUE la PA...
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
Mmh ... c'est un grand mystère pour moi alors !
Re: Pb de largeur de page!
Merci quand même :/
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Re: Pb de largeur de page!
Salut !
Alors moi à mon avis c'est cette partie ci qui pose le problème :
Les images ne sont pas très larges, mais comme elles sont disposées par 2 en ligne, ça force ton forum à avoir au moins cette largeur...
Essaye avec des images plus étroites, juste histoire de savoir si le problème vient de là ^^
Alors moi à mon avis c'est cette partie ci qui pose le problème :
- Spoiler:
Les images ne sont pas très larges, mais comme elles sont disposées par 2 en ligne, ça force ton forum à avoir au moins cette largeur...
Essaye avec des images plus étroites, juste histoire de savoir si le problème vient de là ^^
Re: Pb de largeur de page!
Votre header est trop large (1350px de largeur pour 600px de hauteur).
Le css qui gére le header est :
body {
background-attachment:scroll;
background-color:#332A2E;
background-image:url("http://moe.mabul.org/up/moe/2010/06/13/img-175005dxswn.png");
}
Il est normal que votre forum prenne la largeur de l'élément le plus grand
Le css qui gére le header est :
body {
background-attachment:scroll;
background-color:#332A2E;
background-image:url("http://moe.mabul.org/up/moe/2010/06/13/img-175005dxswn.png");
}
Il est normal que votre forum prenne la largeur de l'élément le plus grand
Re: Pb de largeur de page!
Le problème venait bien du "tableau" ... Merci beaucoup
shiniko- *
- Messages : 36
Inscrit(e) le : 07/08/2009
Sujets similaires
» Apparence du portail : Largeur colonne vs largeur cadre & position générale sur la page web
» Largeur de la page
» cadres de réponses dans les rubriques trop larges
» largeur de la page
» Largeur de la page
» Largeur de la page
» cadres de réponses dans les rubriques trop larges
» largeur de la page
» Largeur de la page
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