Espace inutile entre le post et le profil

[MarikoSempai]

Bonjour à tous,

Je suis nouvelle dans la création de forum, du coup, je navigue pas mal pour régler des petits détails gênants de présentation.
J'ai déjà ajouté des codes dans ma feuille CSS par ci par là en fonction des astuces que j'ai trouvé pour régler mes soucis.
Cependant, il y a un problème que je n'arrive pas à régler : j'ai réussi à réduire la zone que prend le profil du posteur à gauche du message posté, mais la zone du message demeure identique. Résultat : un espace vide entre le profil et le message, de plus je ne parviens pas à supprimer le trait qui sépare le profil du message.

Voici ce que ça donne :

Spoiler:

La flèche représente le trait que j'aimerai supprimer et la zone représente l'espace inutilisé entre le message et le poste, j'aimerai que les 2 soient collés, exactement comme ça :

Spoiler:

Merci de l'aide que vous pourrez m'apporter.

Je colle une copie de ma feuille CSS si ça peut aider :

Spoiler:

Merci d'avance, n'hésitez pas si je ne suis pas assez claire ^^

[Scipion]

Bonsoir

Pouvez-vous préciser la version du forum et mettre à disposition le contenu de votre feuille de style CSS car ce qui figure dans la troisième capture d'écran ne peut pas être exploité dans un test, merci ?

Cordialement

[MarikoSempai]

Je pense que la version est PhPBB3 car à la base les mentions obligatoires en bas étaient toutes à droite et accueil à gauche.

Par contre je ne sais pas comment mettre à disposition le contenu la feuille de code CSS.
Pouvez-vous m'indiquer comment faire s'il vous plait?

[Scipion]

C'est très simple, vous allez sur le panneau d'administration (PA) >> Affichage >> Images et couleurs >> Couleurs >> Feuille de style CSS :

Copiez et collez ici même tout le contenu situé dans la grande feuille blanche.

Cordialement

[MarikoSempai]

Effectivement, je n'avais pas pensé à ça....
Merci pour votre réponse rapide.
Je pense que ça doit être un peu le bazar, j'ai tout collé à la suite, voici un copié collé :

Code:


.navbar ul{
border-bottom:none;
}#search-box{
visibility:hidden;
}#search-box{
height:1px;
visibility:hidden;
}       
        #page-footer ul.linklist li.rightside {float:none;} 
#page-footer, div.navbar, div.navbar ul.linklist {text-align:center;}
        ul.linklist li.footer-home {
        float:none;}
       
        ul.linklist li.footer-home:after {
        content:" | ";}
.postprofile{
  width: 150px !important;
}

[Scipion]

C'est le code CSS que vous avez utilisé pour réduire la largeur du profile qui est à l'origine du problème. Donc, supprimez-le et dites-moi ce que vous en pensez :

Code:

.postprofile{
width: 150px !important;
}

Cordialement

[MarikoSempai]

Bonjour,

Donc une fois ce code supprimé, tout redevient comme avant :

Spoiler:

mais j'aimerai réduire l'espace que prend le profil pour élargir la zone de texte comme cela :

Spoiler:

J'espère que c'est possible sur cette version de forum.

Merci d'avance.

[Scipion]

Bonjour

Pour réduire la largeur du profil, installez ce code CSS :

Code:

.postprofile {
    width: 150px;
}

Cela suppose aussi que la largeur de l'avatar ne doit pas dépasser 150px.

D'autre part, j'ai essayé de déplacer vers la gauche tout le corps du message afin de le coller au profil mais sans succès.

Cordialement

[MarikoSempai]

Merci pour votre réponse, mais le résultat est le même qu'avec le code CSS que j'avais supprimé, le profil est bien réduit mais il reste le trait ainsi que l'espace du texte qui reste le même.

Nous sommes revenus à 0 ^^

J'espère que mon problème pourra être résolu, cela a été possible sur l'autre forum donc je suppose que ce n'est pas insolvable

Cordialement

[Invité]

Bonjour,

Si vous supprimez les deux codes donnés plus haut , et , que vous mettez celui-ci dans la feuille de style css :

Code:

.postprofile {border:none!important;width:15%!important;}
.postbody {width:84%!important}


Ca peut convenir ou pas ? c'est le résultat qui se rapproche le plus de ce que vous désirez..

Cordialement.

[MarikoSempai]

Bonjour,

Alors la barre a bien disparu, cependant, le texte a réagi étrangement, voici ce que ça donne :

Spoiler:

^^'

Edit : Ah non en fait c'est bon, je ne sais pas ce que j'avais fait, voici le résultat après votre code

Spoiler:

Merci

[Invité]

Oui excusez moi j'ai éditer mon message ça doit être dû à ça en fait c'est 84% dans la deuxième ligne :

Code:

.postbody {width:84%!important}

Désolé

(jusqu'à 85% cela devrait fonctionner ..)

Cordialement.

[MarikoSempai]

Ah ^^ nos messages ce sont croisés, j'ai cru en regardant à nouveau le code que je m'étais trompée, mais vous aviez dû le modifier entre temps

Je peux donc plus ou moins régler la taille en faisant varier le pourcentage c'est bien ça?

[Invité]

Effectivement ^^'

Oui, il faut "jouer" avec le nombre de px donc modifier le 84 par autre chose.

Cordialement.

[MarikoSempai]

J'ai mis 83% et c'est parfait!
Merci beaucoup, je mets donc ce sujet en résolu, en attendant d'avoir d'autre questions de réglage ^^

Merci à Scipion et Appolyon, et à bientôt