Bonsoir !

Alors, j'ai vaguement essayé de modifier l'apparence de mes Codes et Citations en entrant ceci dans mon CSS.

Code:

.quote, .code, .spoiler{
padding: 0.5em 0.5em;
background-color: #1c1c1e;
border: 1px dotted #355f99;
-moz-border-radius: 5px;
width: 200px;
}

Et j'ai l'impression que cela déforme légèrement la page. Est-il possible de modifier la taille des codes & citations ?

(Sachant que j'ai déjà essayé de réduire au maximum le width: 200px; et même en le mettant à 2px cela n'a apparemment aucun effet).

Si cela est possible, merci d'avance sinon... Tans pis, je m'en accommoderais.

Alors bonjour =D

Essaie en retirant le padding, c'est peut-être le problème, sinon met !important à côté de 200px *sans oublier le point-virgule~*

hey, tu marques

.quote, .code{ /*spoiler t'as trouvé ça ou ? n'existe pas !*/
padding: 0.5em 0.5em;
background-color: #1c1c1e;
border: 1px dotted #355f99;
-moz-border-radius: 5px;
max-width: 500px;
overflow: auto;
}

faut mettre max-width j'ai mis 500 car c'est pas beaucoup
overflow ça fait en sorte que le navigateur décide de ce qu'il fait avec le surplus et il mettra des barres de defillement

Bonsoir,
Merci d'être aussi rapide =)
Après avoir testé vos deux techniques, les résultats ne sont pas concluants et c'est un peu la Bérézina. Voici mon code après moult modifications.

Code:

.quote, .code
{ padding: 0.5em 0.5em;
background-color: #1c1c1e;
border: 1px dotted #355f99;
-moz-border-radius: 5px;
overflow: auto;
max-width: 500px !important;
}

Effectivement, cela ne déforme plus la page, mais le texte a arbitrairement décidé d'empiéter sur le reste du forum et de déborder allègrement du cadre.

Spoiler:

Donc l'overflow ne fonctionne pas ou bien le code est-il différent pour la largeur ?

EDIT : Effectivement, la balise .spoiler n'existe pas, je l'ai inventée xD
Merci d'avance =)

Bonjour ^^

Puis-je classer la demande ? =)

A vrai dire... Pas vraiment, mon problème est différent mais il reste un problème. Comment faire pour que le texte ne déborde pas du cadre de code de cette manière ?

Bonjour,

Je pense qu'il suffit de retirer le "overflow: auto; max-width: 500px !important;" .
Le texte dans la balise "code" prend l'espace du message, et mettre 500px ne sert à rien ^^

J'ai déjà essayé et je retourne au problème initial, à savoir une légère déformation de la page. Cela dit, je pense, après réflexion, que mon forum doit être trop petit par rapport à la taille standard, du coup la page se déforme.
Du coup, il me reste encore deux questions:
Y-a-t-il un moyen de remédier à cela sans toucher la largeur du forum (Qui est d'environs 750px je crois...)
Dans le cas contraire, quel est le code de la largeur du forum et de la page d'accueil, que je puisse la modifier selon mes goûts.

Merci d'avance =)

Quel genre de déformation au juste ?
Pourrais-tu me donner un lien vers une page de ton forum où tu utilises une balise code ?

La déformation est assez minime mais disons que par rapport au forum, ça fait un peu tache. Donc au pire, je ferais avec ou je reviendrais aux codes d'origines. Mais si tu as une solution, ce n'est pas plus mal =)
http://relashio.forumactif.com/predefinis-des-membres-f25/formulaire-de-personnage-vacant-t14.htm#22

Merci =)

J'avoue ne pas comprendre où est la déformation
Moi je vois ceci : https://2img.net/r/ihimizer/img42/174/scr1521861.jpg

Alors c'est mon écran C'est à dire que la page du forum s'agrandit légèrement quand je mets un code. Mais bon... Je pense que je vais faire avec.
Je voudrais juste le code pour changer la largeur du forum et vous pourrez classer la demande.
Merci d'avoir supporté ma boulettitude =)

Bonjour !
Pardon pour le retard. J'aurais aimé avoir le code pour modifier la largeur du forum. Mon problème persiste toujours mais comme il est léger, j'y suis accommodée =)

Si je ne me trompes pas *corrigez moi si je me trompe XD*
C'est:

Code:

body {
width: ??px
}