Code CSS avec effet indésirable sur la prévisualisation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code CSS avec effet indésirable sur la prévisualisation

Message par Coabolt le Mar 18 Mar 2014 - 21:37

Hey salut ! ^^

J'ai récemment créé mon forum en format phpBB3 et afin de régler le problème de largeur de la colonne Profil j'ai suivi les conseils sur ce topic et ça a totalement marché. La lecture des messages sur mon forum est bien plus agréable à lire désormais !

Toutefois, je me suis rapidement rendu compte d'un effet indésiré de ce script CSS de modification de la présentation. En effet, je me suis rendu compte que l'effet de ce script affecte également la prévisualisation ! Et si cet espace permet d'habitude d'afficher le profil, sa présence dans la prévisualisation est désagréable je trouve...
Bref, je vous laisse constater par vous-mêmes :



Voici donc le copier-coller de ma feuille de style CSS :

Code:
.postprofile dd, .postprofile dt
{
width:180px;
line-height: 1.2em;
margin-left: 8px;
}
    .postprofile
{
width:190px;
}
.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 85%;
        }

Je précise que je n'ai aucun autre script, CSS ou autre, utilisé dans le reste du forum.
J'ai fait quelques recherches, mais je n'ai pas trouvé de solution à mon problème. Existe-t-il un quelconque moyen pour faire en sorte que le troisième script CSS (celui qui décale le texte du message afin que la colonne de profil se retrouve à gauche de la page et pas en bas du message) ne s'applique pas pendant la prévisualisation ?

Je remercie ceux qui prendront la peine de lire, c'est à peu près le dernier élément du web-design que je souhaite toucher à court terme pour la présentation de mon forum.


Dernière édition par Coabolt le Mer 19 Mar 2014 - 17:03, édité 1 fois

Coabolt
Nouveau membre

Masculin
Messages : 3
Inscrit(e) le : 18/03/2014

http://wt-community.forumactif.org/
Coabolt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS avec effet indésirable sur la prévisualisation

Message par Ange Tuteur le Mer 19 Mar 2014 - 14:08

Bonjour Coabolt,

Remplacer votre CSS par :
Code:
.postprofile { width:10%; }

.postbody { width:85%; }

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS avec effet indésirable sur la prévisualisation

Message par Coabolt le Mer 19 Mar 2014 - 16:00

Il faut remplacer la totalité du CSS ou juste remplacer certains éléments ? Parce que j'ai essayé de le remplacer en entier par ces deux lignes, et ça ne résout pas le problème, le texte est toujours décalé lors de la prévisualisation.


Dernière édition par Coabolt le Mer 19 Mar 2014 - 17:02, édité 1 fois

Coabolt
Nouveau membre

Masculin
Messages : 3
Inscrit(e) le : 18/03/2014

http://wt-community.forumactif.org/
Coabolt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS avec effet indésirable sur la prévisualisation

Message par Ange Tuteur le Mer 19 Mar 2014 - 16:29

Oh, la prévisualisation ?

Essayer en ajoutant ce :
Code:
#preview.post .postbody { width:100%; }

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS avec effet indésirable sur la prévisualisation

Message par Coabolt le Mer 19 Mar 2014 - 17:03

Super, il m'a fallu ajouter cette ligne de code et ça a résolu le problème, merci beaucoup !
Sur ce je vais modifier le premier post pour afficher l'icône « Résolu » !

Coabolt
Nouveau membre

Masculin
Messages : 3
Inscrit(e) le : 18/03/2014

http://wt-community.forumactif.org/
Coabolt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum