Sujets similaires

Bonjour,

J'aurais une petite question à propos de la largeur des forums. Voila en fait je souhaiterais que mon forum est la même largeur de partout et SURTOUT dans les messages des gens car souvent on a des déformations. Je me demandais si il y avait un moyen d'avoir donc la même largeur de partout!

je vous remercie par avance et si vous ne comprenez pas bien car j'explique mal xD dites-moi le je me ferais un plaisir de vous faire un détail par image ^^

A bientôt! cherry

Bonjour ^^

As-tu dans ton CSS un code qui règle cette largeur ?

Bonjoour, merci de votre réponse rapide^^
Alors la je ne sais pas.... en fait je ne pense pas car le reste c'est moi qui l'a ajouté...

Je te laisse mon css si tu le souhaite au cas ou j'ai regardée mais je n'ai rien vu =s

Code:: body { cursor: crosshair }
a:hover { cursor:crosshair; }

a {font-variant: small-caps;}

a { text-decoration: none ; }

a.hover { text-decoration: none ; }

a.mainmenu{
text-shadow: #FFFFFF 1px 1px 1px;
font-weight:bold;
font-size: 12px;
}

input,textarea,select {
background: #EBDDDD;
border: 1px #af6563 solid;
border-radius: 9px 9px;
-moz-border-radius: 9px;}

.forumline{
border: 1px dashed #af6563;
}

a:hover{
text-decoration: none !important;
}

a.forumlink, a.forumlink:hover{
display: block;
text-shadow: #FFFFFF 1px 1px 1px;
text-align: right;
font-style: oblique;
border-bottom: 2px dashed #af6563;
text-decoration:none !important;}

.postbody {
font-size: 12px;
}
.text {
color:#000000; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Gérance,#cat_Début,#cat_La ville,#cat_Le lycée,#cat_Flood,#cat_Hors RPG, /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:90%;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-20px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://i53.tinypic.com/2a7e5o0.jpg') no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:50px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('http://i51.tinypic.com/33vyem0.jpg') no-repeat; /*URL de l'onglet étant inactif*/
width:100px; /*Largeur de l'onglet étant inactif*/
height:50px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}

*{
margin: 0px;
padding: 0px;
font-family: comic sans MS, Arial, Helvetica, sans-serif;
font-size: 11px;
}
body{
width: 800px;
margin: 10px auto;

}
a{
text-decoration: none;
color: #fff;
}
ul, li{
list-style: none;
}
.mon_onglet{
display : inline;
padding: 2px 10px;
margin-right: 5px;
color: #333;
background: #EBDDDD;
border: 1px solid #EBDDDD;
cursor: pointer;
margin-bottom: -1px;

}

.mon_onglet:hover{
background: #EBDDDD;

}

.mon_onglet_selected{
display : inline;
padding: 2px 10px;
margin-right: 5px;
color: #333;
background: #EBDDDD;
border-top: 1px solid #EBDDDD;
border-right: 1px solid #EBDDDD;
border-left: 1px solid #EBDDDD;
border-bottom: 1px solid #EBDDDD;
cursor: pointer;
margin-bottom: -1px;
background-position: top center;

}

.clear{
clear: both;
}
.mon_contenu{
color: #666;
background: #EBDDDD;
border: 1px solid #EBDDDD;
padding: 10px;

}
#mes_contenus, #mes_onglets{
width: 800px;

}

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
bottom: 50px; /*--- On le place à 50 px du bas de l'écran ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
}
.imagedescription { opacity : 0.5 }
.imagedescription:hover { opacity : 1 }
.sujets_messages
{margin-top: 3px;
padding: 3px;
border: 1px solid #D0C5C4;
}

.derniers_sujets
{margin-top: 3px;
padding: 3px;
border: 1px dashed #08000C;
background-image: url("http://i69.servimg.com/u/f69/15/89/57/87/fondbo10.png");
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

body { cursor: url(http://www.patmax.info/curseurs/cerise.cur),default; }
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-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;}
.listlastconnected td { background-color: transparent; }
.cadreqeel{
width: 700px;
border: 3px solid #FFFFFF;
padding: 2px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

body {
margin-top:-10px;
margin-bottom:-11px; }

Merci beaucoup ^^

Tu peux me donner l'adresse de ton forum ?
je vois que tu as installé les onglets intéractifs, donc j'suis pas sure sure que sa marche avec le même code que j'allais te proposer x')

Je pense que si tu veux une longueur fixe,
Tu ne dois pas mettre des longueurs en %.

.cat_forum {

90%

Je ne sais pas si c'est cela, mais ça peut être possible.
Si c'est le cas, remplace le pars une largeur en px
Pense aussi à faire :
Panneau d'Administration > Général > Forum: Configuration >
Structure des pages
Largeur du forum (nombre ou %) : 900

Je suis peut être hors-sujet! Dans ce cas, désolé! =D

Je n'ose surtout pas trop toucher en fait ^^'' sachant qu'il y a ma page d'accueil en onglets. Je suis peu confiante de mes 'talents' XD (ironique) moi du talents? Talents pour tout casser oui XD voici mon adresse -> http://mangas-love.forumotion.com/

Merci les filles ^^

La largeur du forum chez moi, ne bouge pas =O

Tu peux toujours tenter, ce qu'à dis Ketsu, sinon avec le bon bodylinewidth pourra peut-être faire l'affaire n_n

Je ne vois de problème ^^"
Tu as essayer ce que je t'ai donné?
Ou tu y arrives pas? =p

Ce n'est pas du Talent, mais un apprentissage xD

J'ai pas essayée car j'ai peur de faire une bêtise et j'ai pas envie sachant que j'ai mis tout mon savoir faire dans les onglets et tout mon coeur XD Je sais c'est de l'apprentissage et j'essaie d'apprendre lol. Vous ne voyez pas de modifs? Bizarre même quand vous entrez dans les messages du genre (règlement)??? Moi je vois mon fond d'écran décalé...

pour mieux comprendre :

Spoiler:

Bonsoir, peux-tu nous passer le forum s'il te plaît? Very Happy

Bonsoir Teal,

Je l'ai déjà passée plus haut ^^'' m'enfin je te le repasse sans soucis ^^. Voici l'adresse -> http://mangas-love.forumotion.com/

^^ voila

Ok, donc enfaite, tu parle du placement de ton fond.
https://2img.net/r/hpimg4/pics/604657Capture.png
En effet, c'est pas le problème qu'on remarque en premier =D

Bon... Tu vas pouvoir faire un truc tout simple ! ^^
N'ai pas peur, ce n'est pas du tout dangereux.

Voici le début de ta page CSS.

body{

fixed

Tu vas le remplacer par ça :
body{

scroll

Je ne suis pas sur de cette réussite!
Tu peux fixer ton fond de page sans avoir besoin de le mettre dans le code CSS.

J'aimerais bien pouvoir le faire sauf que je peux pas car comme tu peux le constater dans mon css je n'ai pas ce code ^^'''alors j'ai ajoutée carrément le code mais bon ^^''' la j'avoue je sèche car ça ne change rien. Suis-je obliger de mettre une largeur plus grande de mon forum? ... Je ne sais pas j'ai pas d'idées...Moi je pense que c'est pas trop mon fond le problème ce sont les pages..si j'arrivais à garder la même largeur du forum de partout (donc sur l'index, dans les messages etc) ça serait parfait!

ps: je suis hyper étonnée de voir que tu as un grand décalage alors que j'en ai pas temps. Tu dois avoir un ecran plus large... mince décidément ça va etre galère à arranger ce prob! =S

Citation :: Panneau d'Administration > Général > Forum: Configuration >
Structure des pages
Largeur du forum (nombre ou %) : 900

Cela veut juste dire que la largeur de ton forum change en fonction des écrants.
Voilà la solution est dit plus haut.

nan nan ça ne vient absolument pas de ça ^^''' je l'ai déjà essayée et la largeur ne change pas de toute façon ^^''' j'ai beau le mettre en 60 ou 90 le forum reste pareil. ^^'''

De plus j'ai remplacé le 90 % par 600 dans mon css et ma largeur du fofo par 600 et rien aucun résultat....

Bon ben re édite pour dire que apparemment cela fonctionne avec simplement la largeur de 900 je ne comptais pas faire mon forum si large de plus cela modifie pas mal de choses comme mon accueil et ma barre de navigation qui du coup est très à gauche. Bref cata XD donc je crois que je vais laisser tomber, j'ai mis un fond avec une seule barre rouge celle de gauche qui normalement ne bouge pas et basta ^^''' merci... TT et désolé du dérangement TT

Ca permet de ne pas changer ta largeur en fonction des ecrants.
Tu ne vois peut être pas de différence, mais sur un autre écrant, tu le verras.
Ensuite, si tu trouve trop petit ton forum tu as juste à augmenter le numéro.
Si tu le trouver trop grand, tu as juste à diminuer le numéro.

C'est tout ce que je peux te dire. J'ai jamais rencontré ce problème avant.
Avec tout ce que je t'ai donner, normalement, le problème est réglé ^^"

Sinon... J'ai mal compris ce que tu voulais.
Bye.

Bonjour,

Ouki alors dans ce cas en effet je ne vois pas de changement mais je te crois donc j'ai mis le tout à 600. Merci encore ^^ j'espère qu'il y aura bel et bien pas de changement par rapport aux écrans. ^^